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


Hey Reader,

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:

video preview

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 🤯


Weekly Snack: Lazy Load Heavy Components 🍿

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.

🚀 Latest Frontend News

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

🎥 Weekly Youtube Videos

Check it out and subscribe to my channel ↗️ for Web Dev, AI and SaaS content.

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

video preview

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

video preview

What do you think of today's Newsletter? Simply click on one of the links below.

🔥 Love it!

😐 It’s okay

👎 Not good



All past newsletters
can be found here.

You can email me at me@kulkarniankita.com to advertise/sponsor the newsletter.

For those curious, I write all my emails using Convertkit.

Ankita Kulkarni

Join 9200+ subscribers reading by weekly personalized Newsletter that helps developers level up their skills through weekly Frontend and Leadership Snacks. You get a deep dive into a Tech topic, Actionable tips to excel in your career and a toolbox!

Read more from Ankita Kulkarni

Hello Reader, Thanks so much for joining Engineering Manager Blueprint Workshop! 🙏 I had such a great time hanging out with you live, answering your questions, and geeking out about EAs promised, here’s everything I mentioned (and a little extra to help you grow even faster): 🎥 Workshop Replay I spent the entire day yesterday editing it so you can watch it without any interruptions. I hope this helps! As promised, here's the recording: Watch now 🌟 🚨 Available until Sunday, Sept 7 at 11:59pm...

Hey friend, ✨ I’m thrilled to share that I’m bringing back my popular workshop, Engineering Manager Blueprint and this time it’s completely FREE 🎁! 📆 When: September 3rd, 2025 - 12:00 - 1:30 pm EST 🤩 📍Where: Zoom Figuring out how to succeed as an Engineering Leader in 2023 can feel like walking through mud. Thankfully, after leading 100+ developers and leaders, I’ve developed a system to make that walk feel shorter and easier. In this 90-minute workshop, you'll learn: A 8-part framework for...

Next.js Type safety

Hey Reader, Now that the Modern Full Stack Next.js Course is live and hundreds of students are already learning from it 🥳, I’ve started thinking about what to build next. I'd love to hear from you. What should I focus on next? I’m working on my next big course, and your input will help shape everything from the topics we cover to the real-world projects we build together. It only takes a couple of minutes to share your thoughts, but it’ll make a huge difference. 👉 Fill out the quick form here...