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

skills vercel

Hey Reader, I just dropped a super exciting video that covers all 29 Common Next.js Mistakes that I have seen a lot of developers make (including senior developers). PRESENTED BY GRAPHITE Ship AI-generated code without getting buried in massive PRs. Stacking breaks large changes into small, logical PRs that your team can review and merge in parallel, making development faster and smoother. Graphite is the tool that makes stacking effortless. It, Organizes your work, Highlights clean diffs,...