🍿 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
use cache:remote

Hey Reader, I had the incredible opportunity to speak at the official Next.js Conf!. It’s been 2.5 years since I went full-time as a Tech Educator, and this moment truly feels like a milestone. In my talk, I share how I built a custom course platform using Next.js (the same one that powers Modern Full Stack Next.js Course) along with the lessons and challenges I faced along the way. If you'd like, you can watch the talk here! Weekly Snack: Caching Patterns for Dynamic Components in Next.js 🍿...

React 19.2 Activity

Hey Reader, I’ve been diving deep into React 19.2 and Next.js 16 Beta this week, and honestly, it’s such a solid update. I have started to incorporate so many of the features in my Next.js Custom Course Platform and have seen massive improvements. But before we jump into this week’s snack, let’s hear it from our sponsor. 👇 But before that, let's hear it from our Sponsor. PRESENTED BY CODERABBIT AI Most AI test tools just throw random assertions at your code and call it “coverage.” But they...

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