🍿 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
You’re Suspending the Wrong Component

Hey Reader, There are thousands of you going through Modern Full Stack Next.js Course so wanted to be grateful here for your support. Just as a thank you, there is something big dropping for you. It will only last 24 hours ⏰ so keep an eye out for my email next week. Let's dive in! PRESENTED BY CLERK Instead of your coding agent guessing how auth works, you can now install specialized Clerk knowledge directly into it. Introducing Clerk Skills One simple command $ npx skills add clerk/skills...

Next.js bundle analyzer

Hey Reader, This week, we're putting your Next.js app under the microscope, what's slowing it down? This along with the latest news, can AI really debug complex React/Next.js bugs? How OpenClaw and Anthropic are enabling AI collaboration, 3 New Coding Models dropped and more. Let's dive in! 🍿 Our Weekly Snack: What's Really Slowing Down Your Next.js App? Have you ever wondered why your Next.js app feels sluggish or takes forever to load? 🐌 The new experimental Bundle Analyzer in Next.js 16.1...

git worktree

Hey Reader, A lot of you have been asking me how I’m able to stay so productive and get a lot of work done so I finally broke down my exact workflow and setup in a short video. 🍿 Our Weekly Snack: Run Multi Agents stress free with Claude Code Git work trees let you check out multiple branches at the same time each in its own folder all backed by the same repo. Instead of one working directory and constant branch switching, you get parallel workspaces. Each work tree has its own isolated...