[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fstellate":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":37,"examples":60,"showcases":61,"links":381,"dates":400},"\u002Fexamples\u002Fapps\u002Fstellate","detail","apps",true,{"title":9,"description":10,"og_image":11},"Stellate design examples - Nicelydone","Explore Stellate UI design examples. Edge Caching & Metrics for your GraphQL API","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F18d7bae4-dd0d-481f-a4de-92c2da623124.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Stellate design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":36},"SaaS app examples",[24],{"title":25,"links":26},"Explore Stellate",[27,30,33],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fstellate\u002Fscreens",{"label":31,"to":32},"UI components","\u002Fexamples\u002Fapps\u002Fstellate\u002Fcomponents",{"label":34,"to":35},"marketing pages","\u002Fexamples\u002Fapps\u002Fstellate\u002Fmarketing",[],{"title":38,"slug":39,"description":40,"logo":41,"url":42,"twitter_username":39,"categories":43},"Stellate","stellate","Edge Caching & Metrics for your GraphQL API","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fstellate-260030a8.png","https:\u002F\u002Fstellate.co\u002F",[44,48,52,56],{"id":45,"title":46,"slug":47},37,"Developer APIs","developer-apis",{"id":49,"title":50,"slug":51},16,"Monitoring","monitoring",{"id":53,"title":54,"slug":55},48,"Developer Tools","developer-tools",{"id":57,"title":58,"slug":59},78,"Security","security",[],[62,375,378],{"family":63,"examples":64},"screens",[65,90,106,127,142,167,185,200,226,272,307,338],{"uuid":66,"title":67,"description":68,"canonical_path":29,"image":11,"width":69,"height":70,"image_alt":71,"kind":72,"patterns":73,"component_categories":83,"app":88},"18d7bae4-dd0d-481f-a4de-92c2da623124","Login – Stellate","Sign-in screen where the user authenticates with GitHub, GitLab, or email.",3024,1792,"Login – Stellate from Stellate","screen",[74],{"id":75,"label":76,"slug":77,"rank":78,"group":79},4,"Sign In","sign-in",0,{"id":80,"label":81,"slug":82},1,"Access & Account","access-and-account",[84],{"id":85,"title":86,"slug":87},175,"Button","button",{"slug":39,"title":38,"logo":41,"categories":89},[],{"uuid":91,"title":92,"description":93,"canonical_path":29,"image":94,"width":69,"height":70,"image_alt":95,"kind":72,"patterns":96,"component_categories":102,"app":104},"a87213f8-4423-4c03-aaf5-8624d7ca2ce2","Signup – Stellate","Signup page where the user can create an account using GitHub, GitLab, or an email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa87213f8-4423-4c03-aaf5-8624d7ca2ce2.png","Signup – Stellate from Stellate",[97],{"id":98,"label":99,"slug":100,"rank":78,"group":101},5,"Sign Up","sign-up",{"id":80,"label":81,"slug":82},[103],{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":105},[],{"uuid":107,"title":67,"description":108,"canonical_path":29,"image":109,"width":69,"height":70,"image_alt":71,"kind":72,"patterns":110,"component_categories":124,"app":125},"4390bc83-bbfb-4983-a3aa-feec8e9cf6ba","Verification screen confirming that a magic login link has been successfully sent to the user's email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4390bc83-bbfb-4983-a3aa-feec8e9cf6ba.png",[111,116],{"id":112,"label":113,"slug":114,"rank":78,"group":115},6,"Verification","verification",{"id":80,"label":81,"slug":82},{"id":117,"label":118,"slug":119,"rank":80,"group":120},122,"Success","success",{"id":121,"label":122,"slug":123},12,"States & Feedback","states-and-feedback",[],{"slug":39,"title":38,"logo":41,"categories":126},[],{"uuid":128,"title":129,"description":130,"canonical_path":29,"image":131,"width":69,"height":70,"image_alt":132,"kind":72,"patterns":133,"component_categories":138,"app":140},"10f9dd21-d882-41fb-8cfb-434e5e2cf1fe","Onboarding - Stellate","Onboarding step where the user sets up their organization by providing their company name, website, industry, and role.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F10f9dd21-d882-41fb-8cfb-434e5e2cf1fe.png","Onboarding - Stellate from Stellate",[134],{"id":80,"label":135,"slug":136,"rank":78,"group":137},"Account Setup","account-setup",{"id":80,"label":81,"slug":82},[139],{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":141},[],{"uuid":143,"title":129,"description":144,"canonical_path":29,"image":145,"width":69,"height":70,"image_alt":132,"kind":72,"patterns":146,"component_categories":155,"app":165},"bbe35b87-07f6-465b-b1da-256e3d09fae0","Onboarding step where the user configures their GraphQL API endpoint and Stellate subdomain to create a new service.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbbe35b87-07f6-465b-b1da-256e3d09fae0.png",[147],{"id":148,"label":149,"slug":150,"rank":78,"group":151},75,"Setup Wizard","setup-wizard",{"id":152,"label":153,"slug":154},7,"Onboarding & Education","onboarding-and-education",[156,160,164],{"id":157,"title":158,"slug":159},260,"Badge","badge",{"id":161,"title":162,"slug":163},174,"Card","card",{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":166},[],{"uuid":168,"title":129,"description":169,"canonical_path":29,"image":170,"width":69,"height":70,"image_alt":132,"kind":72,"patterns":171,"component_categories":176,"app":183},"8f3d8110-06c5-4cfb-b107-31cb3092cd58","Onboarding step where the user configures their GraphQL server by selecting an integration method like Apollo Server or GraphQL Yoga and copying the provided code snippet.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8f3d8110-06c5-4cfb-b107-31cb3092cd58.png",[172,174],{"id":148,"label":149,"slug":150,"rank":78,"group":173},{"id":152,"label":153,"slug":154},{"id":80,"label":135,"slug":136,"rank":80,"group":175},{"id":80,"label":81,"slug":82},[177,181,182],{"id":178,"title":179,"slug":180},233,"Tabs","tabs",{"id":161,"title":162,"slug":163},{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":184},[],{"uuid":186,"title":129,"description":187,"canonical_path":29,"image":188,"width":69,"height":70,"image_alt":132,"kind":72,"patterns":189,"component_categories":194,"app":198},"ac11130f-a950-488b-878d-d6cf57ad5d68","Onboarding step where the user configures their GraphQL server by selecting a framework and copying the provided installation and integration code snippets.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fac11130f-a950-488b-878d-d6cf57ad5d68.png",[190,192],{"id":148,"label":149,"slug":150,"rank":78,"group":191},{"id":152,"label":153,"slug":154},{"id":80,"label":135,"slug":136,"rank":80,"group":193},{"id":80,"label":81,"slug":82},[195,196,197],{"id":161,"title":162,"slug":163},{"id":178,"title":179,"slug":180},{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":199},[],{"uuid":201,"title":129,"description":202,"canonical_path":29,"image":203,"width":69,"height":70,"image_alt":132,"kind":72,"patterns":204,"component_categories":220,"app":224},"5ff7e516-fdb4-48dc-b0d0-fb4d48a6a98c","Onboarding step where the user configures their GraphQL server by selecting a framework like Apollo or Yoga and copying the provided installation code snippets.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5ff7e516-fdb4-48dc-b0d0-fb4d48a6a98c.png",[205,207,212],{"id":148,"label":149,"slug":150,"rank":78,"group":206},{"id":152,"label":153,"slug":154},{"id":208,"label":209,"slug":210,"rank":80,"group":211},72,"Getting Started","getting-started",{"id":152,"label":153,"slug":154},{"id":213,"label":214,"slug":215,"rank":216,"group":217},53,"Code Editor","code-editor",2,{"id":98,"label":218,"slug":219},"Media & Tools","media-and-tools",[221,222,223],{"id":161,"title":162,"slug":163},{"id":178,"title":179,"slug":180},{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":225},[],{"uuid":227,"title":228,"description":229,"canonical_path":29,"image":230,"width":69,"height":231,"image_alt":232,"kind":72,"patterns":233,"component_categories":251,"app":270},"a9022251-fe8a-4cad-99c2-57a7f488c651","nicelydone Config - Stellate","Inline code editor where the user configures their Stellate edge cache service, with a getting started checklist and metric previews visible above.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa9022251-fe8a-4cad-99c2-57a7f488c651.png",3020,"nicelydone Config - Stellate from Stellate",[234,236,243,245],{"id":213,"label":214,"slug":215,"rank":78,"group":235},{"id":98,"label":218,"slug":219},{"id":237,"label":238,"slug":239,"rank":80,"group":240},41,"Dashboard","dashboard",{"id":75,"label":241,"slug":242},"Data & Analysis","data-and-analysis",{"id":208,"label":209,"slug":210,"rank":216,"group":244},{"id":152,"label":153,"slug":154},{"id":246,"label":179,"slug":180,"rank":247,"group":248},69,3,{"id":112,"label":249,"slug":250},"Navigation & Commands","navigation-and-commands",[252,256,260,264,268,269],{"id":253,"title":254,"slug":255},169,"Avatar","avatar",{"id":257,"title":258,"slug":259},227,"Stepper","stepper",{"id":261,"title":262,"slug":263},240,"Horizontal navigation","horizontal-navigation",{"id":265,"title":266,"slug":267},177,"Breadcrumb","breadcrumb",{"id":178,"title":179,"slug":180},{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":271},[],{"uuid":273,"title":228,"description":274,"canonical_path":29,"image":275,"width":69,"height":70,"image_alt":232,"kind":72,"patterns":276,"component_categories":294,"app":305},"16048c10-075a-4378-970e-b39e37bc534d","Settings page where a product demo video modal overlays a getting started checklist and a configuration code editor.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F16048c10-075a-4378-970e-b39e37bc534d.png",[277,285,290,292],{"id":278,"label":279,"slug":280,"rank":78,"group":281},102,"Settings","settings",{"id":282,"label":283,"slug":284},10,"Settings & Admin","settings-and-admin",{"id":286,"label":287,"slug":288,"rank":80,"group":289},61,"Video Player","video-player",{"id":98,"label":218,"slug":219},{"id":208,"label":209,"slug":210,"rank":216,"group":291},{"id":152,"label":153,"slug":154},{"id":213,"label":214,"slug":215,"rank":247,"group":293},{"id":98,"label":218,"slug":219},[295,299,300,301,302,303,304],{"id":296,"title":297,"slug":298},284,"Modal","modal",{"id":257,"title":258,"slug":259},{"id":261,"title":262,"slug":263},{"id":265,"title":266,"slug":267},{"id":178,"title":179,"slug":180},{"id":161,"title":162,"slug":163},{"id":85,"title":86,"slug":87},{"slug":39,"title":38,"logo":41,"categories":306},[],{"uuid":308,"title":309,"description":310,"canonical_path":29,"image":311,"width":69,"height":312,"image_alt":313,"kind":72,"patterns":314,"component_categories":329,"app":336},"14bb419f-b7d9-4235-a67b-53925780159b","nicelydone Cache Rules - Stellate","Settings page where the user configures Stellate edge cache rules, currently showing an empty state alongside an onboarding checklist and contextual help.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F14bb419f-b7d9-4235-a67b-53925780159b.png",2272,"nicelydone Cache Rules - Stellate from Stellate",[315,317,322,327],{"id":278,"label":279,"slug":280,"rank":78,"group":316},{"id":282,"label":283,"slug":284},{"id":318,"label":319,"slug":320,"rank":80,"group":321},115,"Empty State","empty-state",{"id":121,"label":122,"slug":123},{"id":323,"label":324,"slug":325,"rank":216,"group":326},74,"Onboarding Checklist","onboarding-checklist",{"id":152,"label":153,"slug":154},{"id":237,"label":238,"slug":239,"rank":247,"group":328},{"id":75,"label":241,"slug":242},[330,331,332,333,334,335],{"id":253,"title":254,"slug":255},{"id":257,"title":258,"slug":259},{"id":261,"title":262,"slug":263},{"id":265,"title":266,"slug":267},{"id":178,"title":179,"slug":180},{"id":161,"title":162,"slug":163},{"slug":39,"title":38,"logo":41,"categories":337},[],{"uuid":339,"title":340,"description":341,"canonical_path":29,"image":342,"width":69,"height":343,"image_alt":344,"kind":72,"patterns":345,"component_categories":362,"app":373},"832cea21-708c-4659-9cd9-7e25492d50db","nicelydone Activity - Stellate","Settings page showing an activity log with a code diff for configuration changes, alongside an onboarding checklist and KPI preview banner.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F832cea21-708c-4659-9cd9-7e25492d50db.png",2010,"nicelydone Activity - Stellate from Stellate",[346,351,353,355,357],{"id":347,"label":348,"slug":349,"rank":78,"group":350},38,"Activity Log","activity-log",{"id":75,"label":241,"slug":242},{"id":237,"label":238,"slug":239,"rank":80,"group":352},{"id":75,"label":241,"slug":242},{"id":323,"label":324,"slug":325,"rank":216,"group":354},{"id":152,"label":153,"slug":154},{"id":278,"label":279,"slug":280,"rank":247,"group":356},{"id":282,"label":283,"slug":284},{"id":358,"label":359,"slug":360,"rank":75,"group":361},40,"Charts","charts",{"id":75,"label":241,"slug":242},[363,367,368,369,370,371,372],{"id":364,"title":365,"slug":366},168,"Accordion","accordion",{"id":157,"title":158,"slug":159},{"id":253,"title":254,"slug":255},{"id":261,"title":262,"slug":263},{"id":265,"title":266,"slug":267},{"id":178,"title":179,"slug":180},{"id":161,"title":162,"slug":163},{"slug":39,"title":38,"logo":41,"categories":374},[],{"family":376,"examples":377},"components",[],{"family":379,"examples":380},"pages",[],[382,384,386,389,391,394,397],{"label":383,"to":29},"Stellate product screens",{"label":385,"to":35},"Stellate marketing pages",{"label":387,"to":388},"Stellate user flows","\u002Fexamples\u002Fapps\u002Fstellate\u002Fflows",{"label":390,"to":32},"Stellate UI components",{"label":392,"to":393},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":395,"to":396},"Monitoring app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmonitoring",{"label":398,"to":399},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"published_at":401,"updated_at":402},"2023-11-14T18:52:08.000Z","2026-09-26T12:10:12.000Z"]