🍿 This One Trick Keeps Your App Fast (Even with Heavy Components)

First of all, thank you so much for helping me pick my next course 🙏.

I’ve received hundreds of replies, and there’s already a clear theme coming through. I’m excited to spend some time reflecting on it before sharing what I’ll be working on next.

If you haven’t had a chance to share yet, I’d still love to hear from you. Your reply means a lot and helps me help you.
​

​

Now, I love solving hard problems… but auth isn’t the one I’d choose again. What started as “just login + signup” became SAML, SCIM, compliance audits, and security risks I didn’t sign up for.

In this new video, I walk through my journey from DIY → Clerk → WorkOS. If you’re scaling SaaS or building with Next.js, check the video here:

​

​

Now, let's hear it from our Sponsor.

PRESENTED BY WORKOS AUTH KIT

With WorkOS AuthKit, you don’t just get enterprise-grade authentication. You also get feature flags baked right into your identity layer. That means you can:

• 🚀 Roll out Pro-only features like advanced analytics or dashboards
• 🧪 Test new AI agents with a small group before global release
• 🔐 Control access by roles, tiers, or orgs - admins see billing, regular users don’t
• 🌍 Roll out features region by region without redeploys

All of this is tied directly to the identity layer, so your feature access lives where it belongs: with your users, orgs, and roles.

No duct tape. No extra service.

Trusted by OpenAI, Vercel, Cursor, and Perplexity, AuthKit is built for scaling startups that need more than weekend-hack auth. It’s enterprise-ready, GenAI infra–ready.

Free up to 1M users 🤯

Not every component deserves to be shipped on the very first load. Libraries like Recharts, Mapbox, or TipTap editors can add hundreds of KB to your bundle.

Why slow down your app for features the user might not even see right away?

That’s where React.lazy + Suspense shine:

✨ With this pattern:

• Your initial bundle stays fast.
• Heavy code loads just in time.
• Users see a fallback instead of a frozen screen.

​

✅ Action item for you:

Go through your app code and see which components can be lazy loaded — then use React.lazy to keep your app snappy.

Use ShadCN CLI to create your own Registry, here's how​

​Learn for JavaScript Developers by Dan Abramov

Deriving Client State from Server State by Dominik, read here​

​Gradient.style - Open source multiple gradient generator

​AI Tools Registry - Install AI SDK tools into your project with the ShadCN CLI.

LLM-powered Principles for production-ready AI software - 12 Factor for AI Agent Apps.

​Nano-Banana is disrupting everything. You can now generate visuals directly on canvas, auto-place them in your site, keep styles consistent & publish in one click.

Run Heavy tasks in your Background in Next.js, an interactive post on Next.js After​

New React Aria Release, Origin-aware Popover + Tooltip animations, more here​

This One Line of Code Fixed My Slow Next.js App

​

​

My Tech Stack for Production Apps in 2025 ($0/month)

​