[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002Ffe6e6534-809b-479f-aae8-bedb38bc413e":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":89,"links":90,"dates":97},"\u002Fexamples\u002Fscreens\u002Ffe6e6534-809b-479f-aae8-bedb38bc413e","detail","screens",true,{"title":9,"description":10,"og_image":11},"Dashboard | Clerk.com - Nicelydone","Screen UI design example from Clerk. Dashboard overview acting as a setup checklist where the user selects a framework like Next.js and follows steps to…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffe6e6534-809b-479f-aae8-bedb38bc413e.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Dashboard | Clerk.com",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Clerk. Dashboard overview acting as a setup checklist where the user selects a framework like Next.js and follows steps to install packages, set environment variables, and configure middleware.",[],[],[27],{"uuid":28,"title":20,"description":29,"canonical_path":30,"image":11,"width":31,"height":32,"image_alt":33,"published_at":34,"kind":35,"patterns":36,"component_categories":46,"app":75},"fe6e6534-809b-479f-aae8-bedb38bc413e","Dashboard overview acting as a setup checklist where the user selects a framework like Next.js and follows steps to install packages, set environment variables, and configure middleware.","\u002Fexamples\u002Fapps\u002Fclerk\u002Fscreens",3024,5516,"Dashboard | Clerk.com from Clerk","2024-10-28T14:53:57.000Z","screen",[37],{"id":38,"label":39,"slug":40,"rank":41,"group":42},75,"Setup Wizard","setup-wizard",0,{"id":43,"label":44,"slug":45},7,"Onboarding & Education","onboarding-and-education",[47,51,55,59,63,67,71],{"id":48,"title":49,"slug":50},240,"Horizontal navigation","horizontal-navigation",{"id":52,"title":53,"slug":54},177,"Breadcrumb","breadcrumb",{"id":56,"title":57,"slug":58},260,"Badge","badge",{"id":60,"title":61,"slug":62},169,"Avatar","avatar",{"id":64,"title":65,"slug":66},233,"Tabs","tabs",{"id":68,"title":69,"slug":70},175,"Button","button",{"id":72,"title":73,"slug":74},227,"Stepper","stepper",{"slug":76,"title":77,"logo":78,"baseline":79,"categories":80},"clerk","Clerk","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclerk-672b27f0.png","Authentication and User Management",[81,85],{"id":82,"title":83,"slug":84},48,"Developer Tools","developer-tools",{"id":86,"title":87,"slug":88},78,"Security","security",[],[91,93,95],{"label":39,"to":92},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":94,"to":30},"Clerk screen designs",{"label":96,"to":18},"All screen examples",{"published_at":98,"updated_at":99},"2024-10-24T10:42:57.000Z","2026-09-05T20:19:32.039Z"]