[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fgitpod\u002Fmarketing":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":39,"showcases":304,"links":305,"dates":350},"\u002Fexamples\u002Fapps\u002Fgitpod\u002Fmarketing","detail","pages",true,{"title":9,"description":10,"og_image":11},"Gitpod marketing pages examples - Nicelydone","Explore Gitpod website design examples. Preview marketing pages and browse related SaaS page designs. Always ready to code","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe91967d0-ed27-4bea-a799-c6c97cd0291a.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Gitpod design examples","\u002Fexamples\u002Fapps\u002Fgitpod",{"label":23,"to":4},"Gitpod marketing pages examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":30,"categories":34},"Gitpod","gitpod","Always ready to code","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgitpod-9e53b4f6.png","https:\u002F\u002Fwww.gitpod.io",[35],{"id":36,"title":37,"slug":38},48,"Developer Tools","developer-tools",[40,89,108,122,144,160,181,199,223,246,268,284],{"uuid":41,"title":42,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":48,"component_categories":58,"app":87},"e91967d0-ed27-4bea-a799-c6c97cd0291a","Gitpod Always ready to code.","Landing page for a cloud development environment platform, featuring product benefits, customer testimonials, and quick-start options via Git repositories or example workspaces.",3024,21676,"Gitpod Always ready to code. from Gitpod","screen",[49],{"id":50,"label":51,"slug":52,"rank":53,"group":54},136,"Landing Page","landing-page",0,{"id":55,"label":56,"slug":57},15,"Marketing Page Types","marketing-page-types",[59,63,67,71,75,79,83],{"id":60,"title":61,"slug":62},233,"Tabs","tabs",{"id":64,"title":65,"slug":66},232,"Testimonial","testimonial",{"id":68,"title":69,"slug":70},277,"Button group","button-group",{"id":72,"title":73,"slug":74},202,"Footer","footer",{"id":76,"title":77,"slug":78},175,"Button","button",{"id":80,"title":81,"slug":82},174,"Card","card",{"id":84,"title":85,"slug":86},258,"Header","header",{"slug":30,"title":29,"logo":32,"categories":88},[],{"uuid":90,"title":42,"description":91,"canonical_path":4,"image":92,"width":44,"height":93,"image_alt":46,"kind":47,"patterns":94,"component_categories":97,"app":106},"01c1c93b-327d-471b-a2d6-cd95cc1b0d69","Landing page for a cloud development environment platform featuring a split hero with primary 'Try now' and secondary 'Get a demo' calls to action alongside an isometric workspace illustration.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F01c1c93b-327d-471b-a2d6-cd95cc1b0d69.png",1738,[95],{"id":50,"label":51,"slug":52,"rank":53,"group":96},{"id":55,"label":56,"slug":57},[98,99,103,104,105],{"id":68,"title":69,"slug":70},{"id":100,"title":101,"slug":102},260,"Badge","badge",{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":30,"title":29,"logo":32,"categories":107},[],{"uuid":109,"title":42,"description":110,"canonical_path":4,"image":111,"width":44,"height":93,"image_alt":46,"kind":47,"patterns":112,"component_categories":115,"app":120},"27c456f2-f1da-49f2-86f0-d82a70b9f636","Landing page where the user views the main value proposition for cloud dev environments and opens a resources mega-menu containing links to guides, changelog, and community.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F27c456f2-f1da-49f2-86f0-d82a70b9f636.png",[113],{"id":50,"label":51,"slug":52,"rank":53,"group":114},{"id":55,"label":56,"slug":57},[116,117,118,119],{"id":68,"title":69,"slug":70},{"id":100,"title":101,"slug":102},{"id":76,"title":77,"slug":78},{"id":84,"title":85,"slug":86},{"slug":30,"title":29,"logo":32,"categories":121},[],{"uuid":123,"title":124,"description":125,"canonical_path":4,"image":126,"width":44,"height":127,"image_alt":128,"kind":47,"patterns":129,"component_categories":135,"app":142},"9222d6fd-2179-4b87-9e72-d508da134967","Gitpod Documentation - Educate, Configure, Develop","Developer documentation homepage featuring a getting started hero, a timeline of latest release notes, and navigation sidebars.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9222d6fd-2179-4b87-9e72-d508da134967.png",5770,"Gitpod Documentation - Educate, Configure, Develop from Gitpod",[130],{"id":131,"label":132,"slug":133,"rank":53,"group":134},177,"Developer Portal","developer-portal",{"id":55,"label":56,"slug":57},[136,140,141],{"id":137,"title":138,"slug":139},211,"Pagination","pagination",{"id":68,"title":69,"slug":70},{"id":100,"title":101,"slug":102},{"slug":30,"title":29,"logo":32,"categories":143},[],{"uuid":145,"title":146,"description":147,"canonical_path":4,"image":148,"width":44,"height":149,"image_alt":150,"kind":47,"patterns":151,"component_categories":154,"app":158},"51197677-dea3-4600-80e1-40ce854b371d","Quickstart -Gitpod","Documentation quickstart page where the user learns how to start using Gitpod with example templates for various languages.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F51197677-dea3-4600-80e1-40ce854b371d.png",6682,"Quickstart -Gitpod from Gitpod",[152],{"id":131,"label":132,"slug":133,"rank":53,"group":153},{"id":55,"label":56,"slug":57},[155,156,157],{"id":72,"title":73,"slug":74},{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":30,"title":29,"logo":32,"categories":159},[],{"uuid":161,"title":162,"description":163,"canonical_path":4,"image":164,"width":44,"height":165,"image_alt":166,"kind":47,"patterns":167,"component_categories":170,"app":179},"b8bd8a1f-7181-4671-aabb-95eddd9ba8eb","network bridging","Developer documentation page explaining how to configure Network Bridging with Tailscale, featuring code snippets and a helpfulness feedback widget.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb8bd8a1f-7181-4671-aabb-95eddd9ba8eb.png",6604,"network bridging from Gitpod",[168],{"id":131,"label":132,"slug":133,"rank":53,"group":169},{"id":55,"label":56,"slug":57},[171,172,176,177,178],{"id":137,"title":138,"slug":139},{"id":173,"title":174,"slug":175},167,"Alert","alert",{"id":100,"title":101,"slug":102},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":180},[],{"uuid":182,"title":183,"description":184,"canonical_path":4,"image":185,"width":44,"height":186,"image_alt":187,"kind":47,"patterns":188,"component_categories":193,"app":197},"f6b6ba5e-9430-4523-95f4-9b9b60ec5919","Gitpod Changelog - Latest releases and product updates #1","Changelog page detailing chronological product updates, feature releases, bug fixes, and community contributions with embedded screenshots and contributor avatars.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff6b6ba5e-9430-4523-95f4-9b9b60ec5919.png",65500,"Gitpod Changelog - Latest releases and product updates #1 from Gitpod",[189],{"id":76,"label":190,"slug":191,"rank":53,"group":192},"Changelog","changelog",{"id":55,"label":56,"slug":57},[194,195,196],{"id":76,"title":77,"slug":78},{"id":100,"title":101,"slug":102},{"id":84,"title":85,"slug":86},{"slug":30,"title":29,"logo":32,"categories":198},[],{"uuid":200,"title":201,"description":202,"canonical_path":4,"image":203,"width":44,"height":204,"image_alt":205,"kind":47,"patterns":206,"component_categories":212,"app":221},"8b56e326-5cba-4813-add5-272e0515125a","Gitpod Blog - News, ideas and background stories","Blog index page displaying a grid of recent featured articles with cover images, followed by a chronological list of previous text-only post cards.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8b56e326-5cba-4813-add5-272e0515125a.png",23556,"Gitpod Blog - News, ideas and background stories from Gitpod",[207],{"id":208,"label":209,"slug":210,"rank":53,"group":211},150,"Blog Index","blog-index",{"id":55,"label":56,"slug":57},[213,217,218,219,220],{"id":214,"title":215,"slug":216},169,"Avatar","avatar",{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":30,"title":29,"logo":32,"categories":222},[],{"uuid":224,"title":225,"description":226,"canonical_path":4,"image":227,"width":44,"height":228,"image_alt":229,"kind":47,"patterns":230,"component_categories":236,"app":244},"9031f611-5d15-4966-b630-6e930f9bb583","Personalize your Gitpod Workspace Environments","Article detailing how to customize Gitpod workspace environments using IDE settings, dotfiles, and VS Code Settings Sync.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9031f611-5d15-4966-b630-6e930f9bb583.png",16272,"Personalize your Gitpod Workspace Environments from Gitpod",[231],{"id":232,"label":233,"slug":234,"rank":53,"group":235},78,"Article","article",{"id":55,"label":56,"slug":57},[237,238,239,240,241,242,243],{"id":214,"title":215,"slug":216},{"id":173,"title":174,"slug":175},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"id":100,"title":101,"slug":102},{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":30,"title":29,"logo":32,"categories":245},[],{"uuid":247,"title":248,"description":249,"canonical_path":4,"image":250,"width":44,"height":251,"image_alt":252,"kind":47,"patterns":253,"component_categories":259,"app":266},"dc880a38-529b-4698-8695-16461ccd113d","Guides","Guides directory where developers can browse official and community tutorials for integrating various technologies with Gitpod.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdc880a38-529b-4698-8695-16461ccd113d.png",6752,"Guides from Gitpod",[254],{"id":255,"label":256,"slug":257,"rank":53,"group":258},152,"Guide","guide",{"id":55,"label":56,"slug":57},[260,261,262,263,264,265],{"id":214,"title":215,"slug":216},{"id":72,"title":73,"slug":74},{"id":100,"title":101,"slug":102},{"id":80,"title":81,"slug":82},{"id":76,"title":77,"slug":78},{"id":84,"title":85,"slug":86},{"slug":30,"title":29,"logo":32,"categories":267},[],{"uuid":269,"title":270,"description":271,"canonical_path":4,"image":272,"width":44,"height":273,"image_alt":274,"kind":47,"patterns":275,"component_categories":278,"app":282},"21827ed6-35c6-4ae1-9cd6-b3a4f2546c89","Build Projects in a Gitpod Ephemeral Dev Environment — The Ultima","Educational guide detailing how to build and configure an ephemeral development environment using Gitpod, including Dockerfile setup and prebuilds.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F21827ed6-35c6-4ae1-9cd6-b3a4f2546c89.png",24664,"Build Projects in a Gitpod Ephemeral Dev Environment — The Ultima from Gitpod",[276],{"id":255,"label":256,"slug":257,"rank":53,"group":277},{"id":55,"label":56,"slug":57},[279,280,281],{"id":173,"title":174,"slug":175},{"id":72,"title":73,"slug":74},{"id":84,"title":85,"slug":86},{"slug":30,"title":29,"logo":32,"categories":283},[],{"uuid":285,"title":286,"description":287,"canonical_path":4,"image":288,"width":44,"height":289,"image_alt":290,"kind":47,"patterns":291,"component_categories":297,"app":302},"84c48847-8bec-42e6-9c76-235730aea952","Gitpod Screencasts - Videos, guides and tutorials","Resource page where the user can search and filter a grid of educational screencast videos about configuring and using the product.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F84c48847-8bec-42e6-9c76-235730aea952.png",9300,"Gitpod Screencasts - Videos, guides and tutorials from Gitpod",[292],{"id":293,"label":294,"slug":295,"rank":53,"group":296},151,"Resource Hub","resource-hub",{"id":55,"label":56,"slug":57},[298,299,300,301],{"id":72,"title":73,"slug":74},{"id":80,"title":81,"slug":82},{"id":100,"title":101,"slug":102},{"id":84,"title":85,"slug":86},{"slug":30,"title":29,"logo":32,"categories":303},[],[],[306,308,310,312,314,316,318,320,323,326,329,332,334,338,342,346],{"label":132,"to":307},"\u002Fexamples\u002Fpages\u002Fdeveloper-portal",{"label":51,"to":309},"\u002Fexamples\u002Fpages\u002Flanding-page",{"label":256,"to":311},"\u002Fexamples\u002Fpages\u002Fguide",{"label":233,"to":313},"\u002Fexamples\u002Fpages\u002Farticle",{"label":209,"to":315},"\u002Fexamples\u002Fpages\u002Fblog-index",{"label":190,"to":317},"\u002Fexamples\u002Fpages\u002Fchangelog",{"label":294,"to":319},"\u002Fexamples\u002Fpages\u002Fresource-hub",{"label":321,"to":322},"Gitpod product screens","\u002Fexamples\u002Fapps\u002Fgitpod\u002Fscreens",{"label":324,"to":325},"Gitpod user flows","\u002Fexamples\u002Fapps\u002Fgitpod\u002Fflows",{"label":327,"to":328},"Gitpod UI components","\u002Fexamples\u002Fapps\u002Fgitpod\u002Fcomponents",{"label":330,"to":331},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":333,"to":18},"All SaaS app examples",{"label":335,"to":336,"description":337},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":339,"to":340,"description":341},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":343,"to":344,"description":345},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":347,"to":348,"description":349},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":351,"updated_at":352},"2022-10-10T08:51:21.000Z","2026-09-13T13:02:39.000Z"]