🍿 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
useEffectEvent

Hey Reader, This week was huge for web dev 🚀. React 19.2 just landed with fixes for some of the most annoying bugs, Sonnet 4.5 dropped with major AI upgrades, and the ecosystem feels like it’s moving faster than ever. I’ve rounded up the highlights (and why they matter) along with this week’s Snack for you below 👇 But before that, let's hear it from our Sponsor. PRESENTED BY CODERABBIT AI Most AI code reviewers feel shallow, they look at syntax, patterns, maybe a guideline or two, but they...

use-cache

Hey Reader, I’ve got some fun news to share 🎉 I’m beyond excited to share that I’ll be speaking at the official Next.js Conf 💖. I’m one of the featured speakers (!!) and would love for you to join me. My talk is called:“Build. Scale. Teach: Architecting and Scaling a Production-Ready Modern Course Platform with Next.js” Make sure to sign up here and come hang out during my sessions 🚀 And... I finally made the move to Italy 🇮🇹. Back in 2019 I almost moved to Europe, but the world had other...

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...