🍿 You’re Suspending the Wrong Component (and something big is dropping)


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

That’s it!

Now your agent can:
✔️ Add Clerk auth to your Next.js app
✔️ Build custom email/password flows
✔️ Set up organizations for your B2B SaaS
✔️ Sync Clerk users to your Prisma database
✔️ Even generate Playwright tests for auth

And it works with Claude Code, Cursor, Copilot, Codex, Gemini CLI… basically your whole AI stack.

If you’re building modern SaaS apps (especially B2B 👀), this is the kind of leverage that saves hours and prevents subtle auth mistakes.

It’s completely free to try! ⭐


🍿 Our Weekly Snack: You’re Suspending the Wrong Component

If you’ve been working with Server Components + Suspense in Next.js, this one is one of the most common mistake I've seen my students make in my Next.js course.

Now, lets you display a fallback until its children have finished loading.

The Problem

Let's say, you fetch data in an async component… then add inside it, around the JSX you return.

That won't work.

Why? Because Suspense catches suspensions from its children. By the time your inner renders, the await has already happened, there's nothing left to catch.

✔️ The Fix

Move the boundary one level up to the parent component. Wrap the async component itself, not its contents.

Here's how,

Now, Parent renders with inside Async child suspends during its await Parent's Suspense catches it Loader actually shows.

💡 Takeaway

If your loader isn’t showing, check the level of your boundary.

Suspense needs to wrap the component that suspends, move it one level higher, not lower (often fixes it).

🚀 Latest Frontend News

Your App can Reach 250+ Million Devices, Here's How

Next.js Finally has Competition, an article that breaks down how the competitor is better

This is a Powerful TypeScript library designed to help developers easily create complex, synchronous, and asynchronous programs.

We swapped one dopamine loop for another, Token anxiety is a super powerful post.

Spotify says it's best developers haven’t written a line of code since December, thanks to this one thing

Long-running agents are now available in Cursor

Introducing TanStack HotKeys, Setting up keyboard shortcuts is supposed to be easy and this library gets it.

There is now an official MCP for Excalidraw (one of my favourite white boarding tools)

TanStack AI has dropped a new adapter for Fal.ai

Is Figma too late to the AI game? They just dropped Claude Code to Figma MCP

With React Doctor 💊, you can scan your React codebase for Anti-patterns, run as a CLI or agent skill

The future of Next.js isn’t just better DX for humans, it’s better DX for agents, with structured logs, agents.md, and built-in context so your AI stops hallucinating and starts shipping.

A static checker for GitHub Actions workflow files


🙏 Your Feedback helps shape the newsletter

A few of you shared feedback last week that the newsletter felt very AI-heavy. That’s fair.

AI is changing how we build, ship so you’re going to see me talk about it. But I also hear you.

Web fundamentals, frameworks, performance, architecture, that’s not going anywhere. I’ll be more intentional about keeping a healthy mix so you get both.

Now, make sure to keep sharing your feedback by clicking one of the links below. I'm listening 👀 .

🔥 Love it!

😐 It’s okay

👎 Not good

If you’ve published a blog post or shipped something, feel free to reply to this email and it comes straight to my inbox. I’m always looking for great community work to consider featuring.

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.

See you next week!

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
A terminal interface displays commands for a tool called next-browser, designed for AI agents to analyze and monitor Next.js applications.

Hey Reader, This week, Next.js 16.2 gave AI agents something they never had "a browser". Your agent can now see your app, find the problem, and fix it without asking you. This along with GPT-5.4 mini & nano (2 small models), TanStack Start going 5x faster, why you should ban useEffect, and more. Let's dive in. 🍿 Our Weekly Snack: Your AI agent can finally see what your users see (Next.js 16.2 is here) Next.js 16.2 dropped yesterday (deep dive here) and it just gave AI agents a browser. It's...

next.js proxy

Hey Reader, Middleware got renamed to Proxy in Next.js 16. Same functionality. Better name. What is Proxy? Every request to your app has to go somewhere - a page, an API route, a file. Proxy gets to look at it first and decide what happens: send the user somewhere else, serve different content silently, or just let it through as-is. Think of it as a traffic controller 🚦 sitting in front of your routes. So, why you should stop putting auth in Proxy? It feels like the perfect place but it...

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