Ankita Kulkarni

Ankita Kulkarni

@kulkarniankita.com

Tech Educator | Prev Senior Eng Leader Create videos on web dev: YouTube.com/@kulkarniankita Building https://proofybubble.com/ Educator: nextjscourse.dev Newsletter: frontendsnacks.dev Free Next.js Course: https://bit.ly/nextjshottips

4.1K followers98 following772 posts

Pinned

🚨 It’s here! After a year in the making, the Modern Full Stack Next.js Course is officially LIVE! 🚀 Build & Ship Modern Production-ready apps with Next.js through 7+ real projects, 50+ interactive demos, quizzes & exercises → nextjscourse.dev 🎈 Use code LAUNCHPARTY to get 50% off (ends Friday!)

Ankita Kulkarni reposted

spa: the good parts

Next.js@nextjs.org

So, we're borrowing a trick from single-page apps. Next.js now prefetches one reusable shell per route and caches it on the client, instead of a separate request per link. A click renders the prefetched shell instantly while the rest of the page streams in from the server.

Ankita Kulkarni reposted

🎉 Registration is now open for my latest course, Whimsical Animations! This course will teach you everything you need to know to design and build stunning, creative animations and interactions. It’s time to make the web less generic and boring! 😄

whimsy.joshwcomeau.comWhimsical AnimationsLearn how to create charming interactions and delightful touches using the magic of CSS, JavaScript, SVG, and Canvas. I’m sharing all my tricks in this one!

Next.js 16.2 just gave AI agents a Browser next-browser lets an agent inspect your running app, not just the code LLMs can’t open DevTools, see skeleton states, or check the network tab Ready for more Next.js? 🎁 Download a FREE Cheatsheet ↓ dub.sh/nextjs-mist...

Ankita Kulkarni reposted

My upcoming animations course has a few open-ended exercises where the goal is to experiment with the APIs we’ve learned about. Some of the things people are coming up with are legitimately beautiful, like this delightful example from @miksevigny.com 💯

Ever had an Agent start a New Dev Server when it’s already running? Next.js 16.2 stops this with one quick change 🧠 The Fix → create a .next/dev/lock file Aka never ever try to start a new dev server when one is already running

Is Next.js Really Dead? Think again Next.js powers 55% of YC W26 company websites i.e. 111 out of 200 The next closest? Vite/React at 37 sooo, If you're learning Next.js, you're in good company 😉 🎁 Want to dive deeper? Grab a FREE Next.js Cheatsheet on 29 Common Mistakes dub.sh/nextjs-mist...

Stop trusting AI to use the right Next.js patterns Your AI writes code for Next 13 instead of 16 Next.js 16.2 fixes this with one file 🔥 → create-next-app now generates agents.md → Tells AI to read version-matched Next.js docs locally → The docs live in node_modules/next/dist/docs as markdown

Stop calling `redirect()` inside a try/catch in Next.js `redirect()` intentionally throws an internal error to trigger the redirect. Put it in a try block and your catch will swallow it, no redirect Fix: move `redirect()` outside the try/catch FREE cheatsheet: 29 mistakes dub.sh/nextjs-mist...

You're debugging a Next.js error at midnight and AI keeps hallucinating 😖 Stuck on Lesson 16? sure you can ask AI but there is no better feeling than to review the comments & see if others hit the exact same bug in the exact same project Well, I just shipped comments! → dub.sh/nextjscours...

Stop using window or document inside your Next.js server components 💡What happens Server components don't have access to window, document, or events 🧠 The Fix So extract that logic into a separate client component and keep the rest server-rendered 🎁 FREE Cheatsheet here dub.sh/nextjs-mist...

Last week's Snack: Stop putting Auth in Middleware ⚡🍿 🚀 Tanstack Start SSR throughput jumps 5x after profiling hot paths 🧠 How not to overuse useEffect, what to use instead ⚡ OpenAI drops GPT-5.4 mini & nano → 2x faster, built for subagents and more dub.sh/lVxxmtV

Stop wrapping ThemeProvider directly in your Next.js Layout What happens ✔️ Entire component tree becomes client-rendered ✔️ Server components stop working ✔️ You lose App Router performance benefit ✅ Fix Use the "children" pattern 🎁 FREE Cheatsheet here dub.sh/nextjs-mist...

Stop placing your Suspense boundary in the wrong spot in Next.js Suspense only shows a fallback after render. If you `await` in the same component, it blocks first ✅ Put async work in a child, then wrap that child with Suspense one level up 🎁 Download a FREE Cheatsheet here dub.sh/nextjs-mist...

Every Server Action in Next.js is a public API endpoint That means anyone can find the URL in DevTools and call it directly. Treat them like API routes and secure them by: → Authentication → Input validation → Authorization 🎁 Want more? Download the FREE Cheatsheet dub.sh/nextjs-mist...

Stop wrapping your entire Next.js page in "use client" Just because ONE component in the page needs interactivity You'll turn the entire page into client components Solution: ✔️ Extract only the interactive piece into its own client 🎁 Want more? Download the FREE Cheatsheet dub.sh/nextjs-mist...

Your AI agent keeps making the same React mistakes over and over You need to use Skills Skills are the NPM for AI Agents You install best practices like you would a npm package → One command and your agent follows 10+ years of patterns instead of guessing 🍿 Full breakdown: dub.sh/npm-for-ai-...

This ONE concept is killing your app's performance Every component is a Server Component by default in Next.js You're shipping Client side JS when you don't need to 🎁 Here's a FREE lesson covering, ✔️ Server Components basics ✔️ Their purpose ✔️ When to opt out → dub.sh/server-comp...

Running multiple AI agents on the same project? The moment one switches branch, the other breaks Thats because Git only allows one branch checkout at a time The fix? → 𝗚𝗶𝘁 𝗪𝗼𝗿𝗸𝘁𝗿𝗲𝗲𝘀 ⚡ Each agent gets its own folder, its own branch, same repo 🍿 Full breakdown: dub.sh/git-worktree

Ankita Kulkarni reposted

🚀 @kulkarniankita.com is speaking at #ReactParis 2026 Discover the #toolkit and #architecture for creating #AI Minions; autonomous #agents that fetch data, trigger workflows, and scale like real teammates in #nextjs apps... Learn more 👉🏼 React.Paris #conference #speaker #reactjs

Ankita Kulkarni reposted

I've had an execeptionally tough year. I have no income or health insurance, and could really use your help finding my next paid project. 💜 semanticfish.com/2025-year-in... Open to front-end, full-stack, design system, & accessibility projects. 10+ years experience. Many more details in post!

semanticfish.com2025: Year in Review | Semantic Fish Creative GroupThis post gets personal about my experiences this year with grief, loss, health emergencies, and being disabled & working in accessibility in the US.

Ankita Kulkarni reposted

Ankita Kulkarni reposted

a mistake I see constantly: leaders go quiet when something went wrong in the absence of the real story, people will try to piece the story together from incomplete information a story always gets told. rumors are usually worse than the truth. be vulnerable: own it so you have a chance to recover

Ankita Kulkarni reposted

Researchers have found two new vulnerabilities in React Server Components while attempting to exploit the patches last week. These are new issues, separate from the critical CVE last week. The patch for React2Shell remains effective for the Remote Code Execution exploit.

@clerk.com Billing is all I need for my SaaS They offer pricing tables, waitlists, user management all in one. Why do I need 10 different providers? And before you comment, you don’t own your users. Stop as they offer a download option to get all your data Really impressed 👏

Ankita Kulkarni reposted

maybe not the best moment for it but i finally condensed my “why react server components” into a short blurb that does well on HN

pre Turbopack, we had "webpack_internals" in browser dev tools, does anyone know how I can see what files gets shipped to the browser now? it was easier to see "mark something use client and it gets included in the bundle" but don't see that anymore

Ankita Kulkarni reposted

The Full Conference Speaker Lineup ➕ Agenda are Live! 🔥 The ultimate #ReactParis 2026 squad is here; ready to blow your mind with cutting-edge #talks, deep dives, and game-changing insights. ℹ️ All you need to know about this 2026 edition #programme 🧾 in the first comment 👇🏽

Next.js has 2 Directives Everyone Mixes up 'use server': Marks a function to run on the server as a Server Action, but doesn't prevent importing in client components, leading to runtime failures 👉 'server-only': Prevents importing server code on the client, throwing an error to catch issues early

Next.js has 2 Directives Everyone Mixes up 'use server': Marks a function to run on the server as a Server Action, but doesn't prevent importing in client components, leading to runtime failures 👉 'server-only': Prevents importing server code on the client, throwing an error to catch issues early