{
    "componentChunkName": "component---src-pages-blog-markdown-remark-fields-slug-js",
    "path": "/blog/revamping-onboarding",
    "result": {"data":{"markdownRemark":{"html":"<p>At SuperTokens, we believe first impressions matter—especially when it comes to onboarding. So we rebuilt the entire experience to deliver a setup flow that’s intuitive, interactive, and tailored to your tech stack. The result? Developers get to their first “aha” moment faster than ever before.</p>\n<p>In this blog, SuperTokens Designer <a href=\"https://www.linkedin.com/in/nevil-butani-b726a1177/\" target=\"_blank\" rel=\"nofollow\">Nevil Butani</a> and Frontend Engineer <a href=\"https://www.linkedin.com/in/favourohanekwu/\" target=\"_blank\" rel=\"nofollow\">Favour Ohanekwu</a> share how they developed a new onboarding experience that’s converting <strong>68% better</strong> than the old one.</p>\n<h2 id=\"-what-was-broken\" style=\"position:relative;\"><a href=\"#-what-was-broken\" aria-label=\" what was broken permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>🧩 What Was Broken?</h2>\n<p>Before this overhaul, setting up SuperTokens felt more like assembling IKEA furniture without a manual:\nFragmented flow: Setup steps bounced you between the dashboard and docs, causing context-switching and cognitive fatigue.</p>\n<ul>\n<li><strong>Zero progress tracking</strong>: You had to mentally keep track of what was done and what remained.</li>\n<li><strong>Cluttered dashboard</strong>: Inconsistent visual cues made navigation confusing.</li>\n<li><strong>One-size-fits-none</strong>: The UI was rigid, offering no way to skip steps or personalize setup.</li>\n<li><strong>Overwhelming information</strong>: Every option was thrown at you from the start, leading to paralysis instead of progress.</li>\n</ul>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 630px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/f1ba76a6141f81d1caa342eff7fd43b7/27b7a/old-experience.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 98.10126582278481%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAABYlAAAWJQFJUiTwAAABhElEQVQ4y62U3W6DMAyF8/7PtPtd76qq+oeg3FDStEASSGjPZCOjaqtKVi2S5USI48+OY9X3PbrOIsaI2+02+3Eccb/f5714+v7KVGM0vj4/YIzBer3GZrPBdrtFlmVYrVZ83u12fKYflpYahgHD0CPEEURL559ebImOCb3t0Dc1+tawgJj3fvZ/MRXaE6I+IJgCoXcYQkCM4Vdkql+KqbZtkeUF8uKIPM+x3x9grcW7S3F0IYgRIYQpbU7ZwzvH9aMbTzFFQuezRnk8oq5PsLYDUZNRTYiWAtCiH5IIr9crTlUFrWsWulwMCztrWZB6UASTCNumga5JrMHFGJy1hvduNipDCh0TUvSu65iIUnPOTXTO8p7Spr0ILhJOT2+qG6U3PrYK+6mFiJKCLwqSWFmWKIoCVVXNF0F0TMv00zmllkqGABmRSIs8W0mXIulRSiGEedqk9t1TQWlmeY+P1G8JiqhMlNT0XgrKiJKe+9eUuX3G8S1SRWIy2h/HUMowfTZgvwEG9SIIoPkaQQAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Onboarding Experience\"\n        title=\"Onboarding Experience\"\n        src=\"/static/f1ba76a6141f81d1caa342eff7fd43b7/f058b/old-experience.png\"\n        srcset=\"/static/f1ba76a6141f81d1caa342eff7fd43b7/c26ae/old-experience.png 158w,\n/static/f1ba76a6141f81d1caa342eff7fd43b7/6bdcf/old-experience.png 315w,\n/static/f1ba76a6141f81d1caa342eff7fd43b7/f058b/old-experience.png 630w,\n/static/f1ba76a6141f81d1caa342eff7fd43b7/27b7a/old-experience.png 804w\"\n        sizes=\"(max-width: 630px) 100vw, 630px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<p>The result? Drop-offs. Confusion. A first impression that didn’t reflect the power or flexibility of SuperTokens.</p>\n<h2 id=\"-listening-to-users-and-our-metrics\" style=\"position:relative;\"><a href=\"#-listening-to-users-and-our-metrics\" aria-label=\" listening to users and our metrics permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>🧭 Listening to Users (and Our Metrics)</h2>\n<p>We didn’t just guess. We listened:</p>\n<ul>\n<li>Developers described the old experience as “outdated” and “unclear.”</li>\n<li>New users got lost trying to decide between <strong>managed vs. self-hosted</strong> setups.</li>\n<li>Heatmaps showed high activity in navigation menus—users were hunting for guidance.</li>\n<li>Even veterans were frustrated by the lack of structure and visual hierarchy.</li>\n</ul>\n<h2 id=\"-whats-new-in-the-supertokens-onboarding-experience\" style=\"position:relative;\"><a href=\"#-whats-new-in-the-supertokens-onboarding-experience\" aria-label=\" whats new in the supertokens onboarding experience permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>✨ What’s New in the SuperTokens Onboarding Experience</h2>\n<p>We rebuilt the journey from scratch. Here’s what’s changed:</p>\n<h3 id=\"-1-a-guided-wizard-that-just-makes-sense\" style=\"position:relative;\"><a href=\"#-1-a-guided-wizard-that-just-makes-sense\" aria-label=\" 1 a guided wizard that just makes sense permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>✅ 1. A Guided Wizard That Just Makes Sense</h3>\n<p>No more guessing. A step-by-step onboarding wizard walks you through configuration:</p>\n<ul>\n<li>Choose your frontend framework, backend language, and auth methods</li>\n<li>Generate a ready-to-run app tailored to your stack</li>\n<li>Download, run, and you’re live with auth—fast</li>\n</ul>\n<p>🛠️ Inspired by our CLI flow, but with more context and real-time UI feedback.</p>\n<h2 id=\"-2-modular-visual-and-interactive\" style=\"position:relative;\"><a href=\"#-2-modular-visual-and-interactive\" aria-label=\" 2 modular visual and interactive permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>🧱 2. Modular, Visual, and Interactive</h2>\n<p>We added a modular layout with progress indicators and collapsible advanced settings:</p>\n<ul>\n<li>Know exactly where you are in the setup journey</li>\n<li>Visual transitions and hover effects help orient users</li>\n<li>Icons show the selected tech stack for instant context</li>\n<li>A live preview shows what your auth form will look like with selected providers</li>\n</ul>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 630px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/c31225d7fd1498a366cf7d1a32a65f66/d2a60/progress-bar.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 6.329113924050632%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAABCAYAAADeko4lAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAQ0lEQVQI1zWK0QqAIBDA+v+fDCqQs1M5y9O3hUJvY9t2psiRhGiZ5h33wdt8cffBroErR0JRylOXm20+/6uaEbkxq3wOJ0xYzUip3gAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Progress Bar\"\n        title=\"Progress Bar\"\n        src=\"/static/c31225d7fd1498a366cf7d1a32a65f66/f058b/progress-bar.png\"\n        srcset=\"/static/c31225d7fd1498a366cf7d1a32a65f66/c26ae/progress-bar.png 158w,\n/static/c31225d7fd1498a366cf7d1a32a65f66/6bdcf/progress-bar.png 315w,\n/static/c31225d7fd1498a366cf7d1a32a65f66/f058b/progress-bar.png 630w,\n/static/c31225d7fd1498a366cf7d1a32a65f66/d2a60/progress-bar.png 807w\"\n        sizes=\"(max-width: 630px) 100vw, 630px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<h2 id=\"-3-personalization-at-the-core\" style=\"position:relative;\"><a href=\"#-3-personalization-at-the-core\" aria-label=\" 3 personalization at the core permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>🪄 3. Personalization at the Core</h2>\n<p>Whether you’re using <strong>React</strong> with <strong>Express</strong> or <strong>Vue with Go</strong>, the onboarding flow adjusts dynamically:</p>\n<ul>\n<li>We generate code examples and a working starter app that reflects your exact stack and auth settings</li>\n<li>Advanced users can dive deeper with configuration toggles—without overwhelming new users</li>\n</ul>\n<h2 id=\"-4-a-dashboard-that-breathes\" style=\"position:relative;\"><a href=\"#-4-a-dashboard-that-breathes\" aria-label=\" 4 a dashboard that breathes permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>🧼 4. A Dashboard That Breathes</h2>\n<p>The UI got a full makeover:</p>\n<ul>\n<li>Clear visual hierarchy with structured typography</li>\n<li>CTAs like “Get Started” and “Skip” stand out without being pushy</li>\n<li>Optimized whitespace for less clutter, more focus</li>\n<li>The new design doesn’t just look better—it helps users make faster decisions.</li>\n</ul>\n<p><img src=\"/static/blog/8778d6f88840ba1d4d7afaef7da6c01f/smooth-transition.gif\" alt=\"Smooth transitions\"></p>\n<h2 id=\"-the-results-speak-for-themselves\" style=\"position:relative;\"><a href=\"#-the-results-speak-for-themselves\" aria-label=\" the results speak for themselves permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>📈 The Results Speak for Themselves</h2>\n<p>Our metrics show the difference:</p>\n<ul>\n<li><strong>Core onboarding completion rate</strong> jumped from <strong>40.2% → 67.6%</strong> — a <strong>68.2%</strong> increase 🚀</li>\n<li><strong>Bounce rates</strong> dropped</li>\n<li><strong>First-deployment time</strong> shrank significantly</li>\n<li>Users report clearer guidance, smoother flow, and better engagement</li>\n</ul>\n<h2 id=\"-behind-the-scenes-the-design-journey\" style=\"position:relative;\"><a href=\"#-behind-the-scenes-the-design-journey\" aria-label=\" behind the scenes the design journey permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>🧪 Behind the Scenes: The Design Journey</h2>\n<p>Building this wasn’t just a UI polish. It was a full-cycle design process:</p>\n<ul>\n<li><strong>Research</strong>\n<ul>\n<li>We reviewed user feedback, community threads, and analytics (Amplitude, session recordings).</li>\n</ul>\n</li>\n<li><strong>Prototyping</strong>\n<ul>\n<li>We mapped wireframes for different personas—from solo devs to enterprise teams—and removed steps that created friction.</li>\n</ul>\n</li>\n<li><strong>Design Iteration</strong>\n<ul>\n<li>We focused on a minimalist experience. Every element had to earn its place.</li>\n</ul>\n</li>\n<li><strong>Dev Collaboration</strong>\n<ul>\n<li>Designers and engineers worked hand-in-hand to ensure responsiveness, accessibility, and performance across stacks.</li>\n</ul>\n</li>\n<li><strong>Post-launch Validation</strong>\n<ul>\n<li>With usage analytics and user interviews, we verified the experience wasn’t just better in theory—it actually worked.</li>\n</ul>\n</li>\n</ul>\n<h2 id=\"️-what-didnt-make-the-cut\" style=\"position:relative;\"><a href=\"#%EF%B8%8F-what-didnt-make-the-cut\" aria-label=\"️ what didnt make the cut permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>🙅‍♂️ What Didn’t Make the Cut</h2>\n<p>Not everything made it into the final design. Here’s what we dropped:</p>\n<ul>\n<li>❌ <strong>Heavy tutorials</strong>: Longform video guides were too much, too early. Users can still find them—but only when they’re needed.</li>\n<li>❌ <strong>Force-initialization</strong>: Requiring frontend/backend setup before dashboard access slowed down fast starts.</li>\n<li>❌ <strong>Early multi-tenancy config</strong>: Adding SaaS-style complexity up front confused new users. It’s now deferred until later.</li>\n</ul>\n<p>Each removal was a step toward clarity, not complexity.</p>\n<h2 id=\"-built-for-devs-whether-youre-new-or-scaling-fast\" style=\"position:relative;\"><a href=\"#-built-for-devs-whether-youre-new-or-scaling-fast\" aria-label=\" built for devs whether youre new or scaling fast permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>🛠 Built for Devs. Whether You’re New or Scaling Fast.</h2>\n<p>This onboarding upgrade isn’t just a UX win—it reflects our larger philosophy:</p>\n<ul>\n<li>Developers should be able to test fast, tweak faster, and launch with confidence.</li>\n<li>You shouldn’t have to dig through docs just to get started.</li>\n<li>And your stack shouldn’t dictate your velocity.</li>\n</ul>\n<p>Whether you’re evaluating SuperTokens or embedding it into your next big product, this onboarding flow puts your goals first.</p>\n<h2 id=\"-try-it-now\" style=\"position:relative;\"><a href=\"#-try-it-now\" aria-label=\" try it now permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>🚀 Try It Now</h2>\n<p>Start from zero and deploy auth in minutes with the new SuperTokens onboarding flow.</p>\n<p>👉 <a href=\"https://supertokens.com\" target=\"_blank\" rel=\"nofollow\">Try it yourself</a>\n🧑‍💻 <a href=\"https://github.com/supertokens/create-supertokens-app\" target=\"_blank\" rel=\"nofollow\">View the example app generator</a>\n💬 Got feedback? Join our <a href=\"https://supertokens.com/discord\" target=\"_blank\" rel=\"nofollow\">Discord</a></p>","frontmatter":{"date":"July 01, 2025","title":"Revamping Onboarding at SuperTokens: A New Developer Experience from the Ground Up","cover":"revamping-onboarding.png","author":"Joel Coutinho","description":"Impressions matter—especially when it comes to onboarding. So we rebuilt the entire experience to deliver a setup flow that's intuitive, interactive, and tailored to your tech stack."},"fields":{"slug":"/revamping-onboarding/"}},"site":{"siteMetadata":{"title":"SuperTokens Blog"}}},"pageContext":{"id":"cda24e78-4d4e-524b-a00f-e70e31be8abb","fields__slug":"/revamping-onboarding/","__params":{"fields__slug":"revamping-onboarding"}}},
    "staticQueryHashes": []}