[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fvercel\u002Fmarketing":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":309,"links":310,"dates":354},"\u002Fexamples\u002Fapps\u002Fvercel\u002Fmarketing","detail","pages",true,{"title":9,"description":10,"og_image":11},"Vercel marketing pages examples - Nicelydone","Explore Vercel website design examples. Preview marketing pages and browse related SaaS page designs. Develop. Preview. Ship.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd8c52428-e645-4bda-a06e-e20bafbb2c23.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},"Vercel design examples","\u002Fexamples\u002Fapps\u002Fvercel",{"label":23,"to":4},"Vercel 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,"categories":34},"Vercel","vercel","Develop. Preview. Ship.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvercel-c74059ac.png","https:\u002F\u002Fvercel.com",[35,39],{"id":36,"title":37,"slug":38},48,"Developer Tools","developer-tools",{"id":40,"title":41,"slug":42},7,"Web Development","web-development",[44,85,102,134,154,171,189,209,226,246,265,293],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":62,"app":83},"d8c52428-e645-4bda-a06e-e20bafbb2c23","Vercel Develop. Preview. Ship. For the best frontend teams","Landing page for a frontend cloud platform detailing the build, preview, and ship workflow with framework integrations and deployment metrics.",3024,13904,"Vercel Develop. Preview. Ship. For the best frontend teams from Vercel","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},136,"Landing Page","landing-page",0,{"id":59,"label":60,"slug":61},15,"Marketing Page Types","marketing-page-types",[63,67,71,75,79],{"id":64,"title":65,"slug":66},260,"Badge","badge",{"id":68,"title":69,"slug":70},175,"Button","button",{"id":72,"title":73,"slug":74},174,"Card","card",{"id":76,"title":77,"slug":78},202,"Footer","footer",{"id":80,"title":81,"slug":82},258,"Header","header",{"slug":30,"title":29,"logo":32,"categories":84},[],{"uuid":86,"title":46,"description":87,"canonical_path":4,"image":88,"width":48,"height":89,"image_alt":50,"kind":51,"patterns":90,"component_categories":93,"app":100},"4c72d552-b72c-4fb1-9dd0-51f6f662c065","Landing page hero section where the user can explore the features mega-menu or proceed to start deploying their frontend application.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4c72d552-b72c-4fb1-9dd0-51f6f662c065.png",1738,[91],{"id":54,"label":55,"slug":56,"rank":57,"group":92},{"id":59,"label":60,"slug":61},[94,98,99],{"id":95,"title":96,"slug":97},277,"Button group","button-group",{"id":68,"title":69,"slug":70},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":101},[],{"uuid":103,"title":104,"description":105,"canonical_path":4,"image":106,"width":48,"height":107,"image_alt":108,"kind":51,"patterns":109,"component_categories":115,"app":132},"c63b5632-d78c-4552-a60a-c5b845e054ec","Previews - Vercel","Feature page where the user learns about Vercel's CI\u002FCD preview deployments, including automated testing, collaborative feedback, and core web vitals checks.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc63b5632-d78c-4552-a60a-c5b845e054ec.png",8698,"Previews - Vercel from Vercel",[110],{"id":111,"label":112,"slug":113,"rank":57,"group":114},138,"Feature Page","feature-page",{"id":59,"label":60,"slug":61},[116,120,124,128,129,130,131],{"id":117,"title":118,"slug":119},169,"Avatar","avatar",{"id":121,"title":122,"slug":123},233,"Tabs","tabs",{"id":125,"title":126,"slug":127},232,"Testimonial","testimonial",{"id":64,"title":65,"slug":66},{"id":76,"title":77,"slug":78},{"id":68,"title":69,"slug":70},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":133},[],{"uuid":135,"title":136,"description":137,"canonical_path":4,"image":138,"width":48,"height":139,"image_alt":140,"kind":51,"patterns":141,"component_categories":147,"app":152},"45cc6cc3-2def-4095-8443-034e526f884e","Next.js on Vercel - Vercel","Product page pitching Vercel as the native platform for Next.js applications, highlighting features like ISR, Edge Middleware, and out-of-the-box support.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F45cc6cc3-2def-4095-8443-034e526f884e.png",11842,"Next.js on Vercel - Vercel from Vercel",[142],{"id":143,"label":144,"slug":145,"rank":57,"group":146},137,"Product Page","product-page",{"id":59,"label":60,"slug":61},[148,149,150,151],{"id":125,"title":126,"slug":127},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":153},[],{"uuid":155,"title":156,"description":157,"canonical_path":4,"image":158,"width":48,"height":159,"image_alt":160,"kind":51,"patterns":161,"component_categories":164,"app":169},"7bdf541b-a993-4d14-9bec-b7859525e03f","Vercel Analytics Real-time Insights, Peak Performance | Vercel","Feature page for Vercel Analytics and Speed Insights where the user can learn about real-time traffic monitoring and core web vitals performance scores before enabling the service.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7bdf541b-a993-4d14-9bec-b7859525e03f.png",11530,"Vercel Analytics Real-time Insights, Peak Performance | Vercel from Vercel",[162],{"id":111,"label":112,"slug":113,"rank":57,"group":163},{"id":59,"label":60,"slug":61},[165,166,167,168],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":170},[],{"uuid":172,"title":173,"description":174,"canonical_path":4,"image":175,"width":48,"height":176,"image_alt":177,"kind":51,"patterns":178,"component_categories":181,"app":187},"f17c7d9b-9760-433a-a2d1-1780c06df4b4","Infrastructure - Vercel","Feature page detailing Vercel's global edge infrastructure, highlighting zero-configuration deployments, automated scaling, and incremental static regeneration.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff17c7d9b-9760-433a-a2d1-1780c06df4b4.png",9322,"Infrastructure - Vercel from Vercel",[179],{"id":111,"label":112,"slug":113,"rank":57,"group":180},{"id":59,"label":60,"slug":61},[182,183,184,185,186],{"id":64,"title":65,"slug":66},{"id":72,"title":73,"slug":74},{"id":68,"title":69,"slug":70},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":188},[],{"uuid":190,"title":191,"description":192,"canonical_path":4,"image":193,"width":48,"height":194,"image_alt":195,"kind":51,"patterns":196,"component_categories":199,"app":207},"ea1c416a-a511-4d6d-87bd-a113f4a18e6b","Edge Functions - Vercel","Feature page explaining Vercel's Edge Functions and Middleware, showcasing code examples, performance benefits, and a filterable grid of starter templates.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fea1c416a-a511-4d6d-87bd-a113f4a18e6b.png",14926,"Edge Functions - Vercel from Vercel",[197],{"id":111,"label":112,"slug":113,"rank":57,"group":198},{"id":59,"label":60,"slug":61},[200,201,202,203,204,205,206],{"id":121,"title":122,"slug":123},{"id":125,"title":126,"slug":127},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":208},[],{"uuid":210,"title":211,"description":212,"canonical_path":4,"image":213,"width":48,"height":214,"image_alt":215,"kind":51,"patterns":216,"component_categories":219,"app":224},"28109f66-3a16-4600-ac49-b49234a16425","Turborepo on Vercel – Vercel","Product page where the user learns how Turborepo integrates with Vercel for faster monorepo builds, remote caching, and zero-configuration deployments.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F28109f66-3a16-4600-ac49-b49234a16425.png",14796,"Turborepo on Vercel – Vercel from Vercel",[217],{"id":143,"label":144,"slug":145,"rank":57,"group":218},{"id":59,"label":60,"slug":61},[220,221,222,223],{"id":125,"title":126,"slug":127},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":225},[],{"uuid":227,"title":228,"description":229,"canonical_path":4,"image":230,"width":48,"height":231,"image_alt":232,"kind":51,"patterns":233,"component_categories":239,"app":244},"c88e4e63-3c1d-4b1e-b3f7-183604d2bc57","Talk to our Sales team | Vercel","Contact page where prospective enterprise customers can submit an inquiry form alongside social proof from The Washington Post and other brands.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc88e4e63-3c1d-4b1e-b3f7-183604d2bc57.png",3064,"Talk to our Sales team | Vercel from Vercel",[234],{"id":235,"label":236,"slug":237,"rank":57,"group":238},146,"Contact Page","contact-page",{"id":59,"label":60,"slug":61},[240,241,242,243],{"id":125,"title":126,"slug":127},{"id":68,"title":69,"slug":70},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":245},[],{"uuid":247,"title":248,"description":249,"canonical_path":4,"image":250,"width":48,"height":251,"image_alt":252,"kind":51,"patterns":253,"component_categories":256,"app":263},"054ec3a0-d25f-47f1-9d1b-71168d157179","Vercel KV Now in the Vercel dashboard - Vercel","Marketing page for Vercel KV highlighting its serverless Redis-compatible database features, framework integrations, and starter templates.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F054ec3a0-d25f-47f1-9d1b-71168d157179.png",9682,"Vercel KV Now in the Vercel dashboard - Vercel from Vercel",[254],{"id":111,"label":112,"slug":113,"rank":57,"group":255},{"id":59,"label":60,"slug":61},[257,258,259,260,261,262],{"id":95,"title":96,"slug":97},{"id":121,"title":122,"slug":123},{"id":64,"title":65,"slug":66},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":264},[],{"uuid":266,"title":267,"description":268,"canonical_path":4,"image":269,"width":48,"height":270,"image_alt":271,"kind":51,"patterns":272,"component_categories":278,"app":291},"94572d73-65e8-40e8-9344-35c357fe1647","Vercel Documentation | Vercel Docs","Developer documentation homepage featuring a central hero, quick-start templates, product directories, guides, and recent changelog updates, flanked by navigation and popular articles.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F94572d73-65e8-40e8-9344-35c357fe1647.png",6806,"Vercel Documentation | Vercel Docs from Vercel",[273],{"id":274,"label":275,"slug":276,"rank":57,"group":277},177,"Developer Portal","developer-portal",{"id":59,"label":60,"slug":61},[279,283,287,288,289,290],{"id":280,"title":281,"slug":282},298,"Bento box","bento-grid",{"id":284,"title":285,"slug":286},168,"Accordion","accordion",{"id":117,"title":118,"slug":119},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":292},[],{"uuid":294,"title":295,"description":296,"canonical_path":4,"image":297,"width":48,"height":298,"image_alt":299,"kind":51,"patterns":300,"component_categories":303,"app":307},"1b30608d-9f3e-48dc-954d-0d6c90790bdb","Projects and deployments | Vercel Docs","Documentation page explaining the concepts of projects and deployments, featuring next-step cards to use a template or import an existing project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1b30608d-9f3e-48dc-954d-0d6c90790bdb.png",5862,"Projects and deployments | Vercel Docs from Vercel",[301],{"id":274,"label":275,"slug":276,"rank":57,"group":302},{"id":59,"label":60,"slug":61},[304,305,306],{"id":284,"title":285,"slug":286},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":308},[],[],[311,313,315,317,319,321,324,327,330,333,336,338,342,346,350],{"label":112,"to":312},"\u002Fexamples\u002Fpages\u002Ffeature-page",{"label":275,"to":314},"\u002Fexamples\u002Fpages\u002Fdeveloper-portal",{"label":55,"to":316},"\u002Fexamples\u002Fpages\u002Flanding-page",{"label":144,"to":318},"\u002Fexamples\u002Fpages\u002Fproduct-page",{"label":236,"to":320},"\u002Fexamples\u002Fpages\u002Fcontact-page",{"label":322,"to":323},"Vercel product screens","\u002Fexamples\u002Fapps\u002Fvercel\u002Fscreens",{"label":325,"to":326},"Vercel user flows","\u002Fexamples\u002Fapps\u002Fvercel\u002Fflows",{"label":328,"to":329},"Vercel UI components","\u002Fexamples\u002Fapps\u002Fvercel\u002Fcomponents",{"label":331,"to":332},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":334,"to":335},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":337,"to":18},"All SaaS app examples",{"label":339,"to":340,"description":341},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":343,"to":344,"description":345},"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":347,"to":348,"description":349},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":351,"to":352,"description":353},"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":355,"updated_at":356},"2021-09-05T13:58:15.000Z","2026-09-13T13:02:39.000Z"]