Sign in

Ankita Kulkarni

@kulkarniankita.com
4.2K followers 98 following 772 posts

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

PostsRepliesMedia
Reposted by Ankita Kulkarni
Faris Aziz @farisaziz.com · 26/09/2026
@kulkarniankita.com keeping up the energy right after 👏
041
Ankita Kulkarni @kulkarniankita.com · 26/09/2026
@tkdodo.eu kicking us off at @reactalicante.es 🚀
0111
Reposted by Ankita Kulkarni
dan @danabra.mov · 25/06/2026
spa: the good parts
2422
Reposted by Ankita Kulkarni
Josh W. Comeau @joshwcomeau.com · 01/05/2026
I wrote about this in my newsletter this week. www.joshwcomeau.com/email/wham-l...
joshwcomeau.com
The elephant in the room • Josh W. Comeau
Friendly tutorials for developers. Focus on React, CSS, Animation, and more!
4232
Reposted by Ankita Kulkarni
Josh W. Comeau @joshwcomeau.com · 27/04/2026
🎉 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.com
Whimsical Animations
Learn 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!
313141
Reposted by Ankita Kulkarni
Josh W. Comeau @joshwcomeau.com · 26/04/2026
✨ Tomorrow’s the day! After 18+ months of work, Whimsical Animations will be releasing to the public. 😄 I just sent a FAQ about the course to everyone on my newsletter. If you have any questions about it, they might be answered here:
joshwcomeau.com
Tomorrow’s the day! • Josh W. Comeau
Friendly tutorials for developers. Focus on React, CSS, Animation, and more!
410617
Reposted by Ankita Kulkarni
Seb ⚛️ ThisWeekInReact.com @sebastienlorber.com · 22/04/2026
This Week In React 278 ⚛️ - React Email - TSRX - ESLint plugin - Rspack RSC - TanStack Store / Blog - Hook Form 📱 - Vision Camera - Expo - Nano Icons - ExecuTorch - Argent - Audio API - RNSec - CSS 🍿 Read thisweekinreact.com/newsletter/278 ✍️ @piaskowyk.bsky.social @filip-solecki.bsky.social
0134
Ankita Kulkarni @kulkarniankita.com · 14/04/2026
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...
A terminal interface displays commands for a tool called next-browser, designed for AI agents to analyze and monitor Next.js applications.
160
Reposted by Ankita Kulkarni
Josh W. Comeau @joshwcomeau.com · 08/04/2026
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 💯
1392
Ankita Kulkarni @kulkarniankita.com · 08/04/2026
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
A code editor displays a new lock file indicating that port 3000 is in use, preventing multiple server instances.
300
Ankita Kulkarni @kulkarniankita.com · 07/04/2026
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...
A bar chart shows website-building tools used by YC W26 companies, with Next.js leading at 111, followed by Vite/React at 37.
120
Ankita Kulkarni @kulkarniankita.com · 06/04/2026
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
A terminal window shows a command for creating an `AGENTS.md` file to guide AI in using Next.js correctly.
110
Ankita Kulkarni @kulkarniankita.com · 02/04/2026
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...
Code snippets demonstrate the proper placement of `redirect()` in Next.js to ensure correct functionality and avoid error interception.
010
Ankita Kulkarni @kulkarniankita.com · 25/03/2026
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...
020
Ankita Kulkarni @kulkarniankita.com · 23/03/2026
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...
Code snippets show a transition from using the `window` API in a client component to extracting it into a separate client component for better server integration.
010
Ankita Kulkarni @kulkarniankita.com · 20/03/2026
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
000
Ankita Kulkarni @kulkarniankita.com · 18/03/2026
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...
Code snippets illustrate changes in a Next.js layout. The updated approach enhances rendering efficiency by using a "children" pattern.
041
Ankita Kulkarni @kulkarniankita.com · 17/03/2026
Last week's Snack: Stop putting Auth in Middleware ⚡🍿 🤖 @tanstack.com AI Openrouter → One API, 300+ AI models ✨ @shadcn.com v4 CLI just dropped → One command restyled your whole design system ⚡ @astrodotbuild.com Astro 6.0 → Fonts, better SSR & Rust compiler and more dub.sh/zQBEV3F
020
Ankita Kulkarni @kulkarniankita.com · 16/03/2026
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...
Two code snippets illustrate a React component optimization. The right version correctly positions the Suspense component for fallback handling.
021
Ankita Kulkarni @kulkarniankita.com · 11/03/2026
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...
020
Ankita Kulkarni @kulkarniankita.com · 18/02/2026
Is your Next.js app feeling sluggish or taking forever to load? Try the experimental Bundle Analyzer, an X-ray for your app Get an interactive Treemap of your JS bundles → Find the culprits 🎁 Free lessons: dub.sh/how-does-ne...
A terminal command prompts the Next.js Bundle Analyzer, creating an interactive Treemap visualization for analyzing production bundles.
220
Ankita Kulkarni @kulkarniankita.com · 16/02/2026
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...
040
Ankita Kulkarni @kulkarniankita.com · 11/02/2026
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-...
010
Ankita Kulkarni @kulkarniankita.com · 10/02/2026
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...
000
Ankita Kulkarni @kulkarniankita.com · 09/02/2026
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
Terminal-style code showing "git worktree add ../app-hotfix -b hotfix/login" with a note about running multiple agents in parallel using Git worktrees and an author credit.
120
Reposted by Ankita Kulkarni
React Paris Conf' -by- BeJS @bejs.bsky.social · 28/01/2026
🚀 @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
042
Reposted by Ankita Kulkarni
Santosh Yadav | GDE 🅰️ | GitHub ⭐ | MVP @santoshyadav.dev · 24/12/2025
How I realized the workplace is toxic youtu.be/_-Tj3bPSYCI...
132
Reposted by Ankita Kulkarni
Ashlee 🤟🏻 @ashleemboyer.com · 23/12/2025
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.com
2025: Year in Review | Semantic Fish Creative Group
This post gets personal about my experiences this year with grief, loss, health emergencies, and being disabled & working in accessibility in the US.
55039
Ankita Kulkarni @kulkarniankita.com · 24/12/2025
Writing my last newsletter of the year!
040
Reposted by Ankita Kulkarni
Ankita Kulkarni @kulkarniankita.com · 19/12/2025
@kevinpowell.co is only 4K subs away from 1M subs, let’s support him. If you don’t subscribe, please do as he is the best and I learned a lot of CSS tricks and tips over the years! Subscribe here 👇 youtube.com/@kevinpowell
youtube.com
Kevin Powell
Helping you learn how to make the web, and make it look good while you're at it. With weekly videos and shorts, I'll be bringing you How Tos and Tutorials, as well as simple tips and tricks, with a b...
1196
Ankita Kulkarni @kulkarniankita.com · 19/12/2025
@kevinpowell.co is only 4K subs away from 1M subs, let’s support him. If you don’t subscribe, please do as he is the best and I learned a lot of CSS tricks and tips over the years! Subscribe here 👇 youtube.com/@kevinpowell
youtube.com
Kevin Powell
Helping you learn how to make the web, and make it look good while you're at it. With weekly videos and shorts, I'll be bringing you How Tos and Tutorials, as well as simple tips and tricks, with a b...
1196
Reposted by Ankita Kulkarni
Jason Lengstorf @jason.energy · 19/12/2025
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
0475
Reposted by Ankita Kulkarni
dan @danabra.mov · 18/12/2025
plenty of fixes deployed to rscexplorer.dev, but mostly i just feel a lot better about the code itself
rscexplorer.dev
RSC Explorer
1241
Ankita Kulkarni @kulkarniankita.com · 17/12/2025
I don't think we'll struggle with having too many ideas that we can't implement anymore Instead, we'll struggle with building too many things and can’t focus on one thing
010
Ankita Kulkarni @kulkarniankita.com · 16/12/2025
Why can't I change port in Tanstack Start with Vite just by "vite dev --port 6000" and no port 6000 is not taken 😭
000
Reposted by Ankita Kulkarni
React @react.dev · 11/12/2025
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.
217669
Ankita Kulkarni @kulkarniankita.com · 05/12/2025
@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 👏
000
Ankita Kulkarni @kulkarniankita.com · 05/12/2025
So excited about the video I’m dropping next week! Finally settled in my new apartment and man, it feels so good to get back in the routine!
000
Reposted by Ankita Kulkarni
dan @danabra.mov · 04/12/2025
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
Server Components is not really related to SSR.
I like to think of Server Components as componentized BFF ("backend for frontend") layer. Each piece of UI has some associated "API" with it (whether REST endpoints, GraphQL, RPC, or what have you). Server Components let you express the dependency between the "backend piece" and the "frontend piece" as an import, instead of as a `fetch` (client calling server) or a <script> (server calling client). You can still have an API layer of course, but this gives you a syntactical way to express that there's a piece of backend that prepares data for this piece of frontend.
This resolves tensions between evolving both sides: the each piece of backend always prepares the exact data the corresponding piece of frontend needs because they're literally bound by a function call (or rather JSX). This also lets you load data as granularly as you want without blocking (very nice when you have a low-latency data layer).
Of course you can still have a traditional REST API if you want. But you can also have UI-specific server computation in the middle. There's inherent tension between the data needed to display the UI (a view model) and the way the data is stored (database model); RSC gives you a place to put UI-specific logic that should execute on the backend but keeps composability benefits of components.
511611
Reposted by Ankita Kulkarni
React @react.dev · 03/12/2025
There is critical vulnerability in React Server Components disclosed as CVE-2025-55182 that impacts React 19 and frameworks that use it. A fix has been published in React versions 19.0.1, 19.1.2, and 19.2.1. We recommend upgrading immediately. react.dev/blog/2025/12...
react.dev
Critical Security Vulnerability in React Server Components – React
The library for web and native user interfaces
714691
Ankita Kulkarni @kulkarniankita.com · 03/12/2025
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
000
Reposted by Ankita Kulkarni
React Paris Conf' -by- BeJS @bejs.bsky.social · 03/12/2025
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 👇🏽
1113
Ankita Kulkarni @kulkarniankita.com · 03/12/2025
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
 'use server' Server Action that errors at runtime if imported into client code and 'server-only' import causing compile-time error.
470
Reposted by Ankita Kulkarni
Mark Conroy @mark.ie · 29/11/2025
Great deals from @piccalil.li at the moment. Just bought Mindful Design, can't wait to watch it. piccalil.li/black-friday/
piccalil.li
Black Friday Deals
185
Ankita Kulkarni @kulkarniankita.com · 01/12/2025
🍿 You might be leaking secrets in Next.js. Environment vars starting with NEXT_PUBLIC_ go straight to the browser yes, even API keys 😅 The fix? Use Server → Client Parent–Child pattern, do sensitive work on the server and pass only data down Read the full issue → dub.sh/avoid-leaking-secrets
dub.sh
🍿 You’re Probably Leaking Secrets in Next.js (Without Knowing)
Just a quick reminder: my &quot;Black Friday&quot; sale is here! ✨ {% if subscriber.tags contains "purchased_mfnc_course" %} My records show that y...
050
Reposted by Ankita Kulkarni
dan @danabra.mov · 30/11/2025
spent the last day fighting a gnarly issue (bug?) in how Next 16 Cache Components interact with atproto OAuth flow (cc @matthieu.bsky.team). might be a Next bug or not, anyway i filed github.com/vercel/next....
github.com
Cache Components causes fetch to hang · Issue #86662 · vercel/next.js
Link to the code that reproduces this issue https://github.com/gaearon/next-bug-repro To Reproduce Start https://github.com/gaearon/next-bug-repro Open http://localhost:3000/ Current vs. Expected b...
2132
Reposted by Ankita Kulkarni
Josh W. Comeau @joshwcomeau.com · 28/11/2025
Here’s another great list of Black Friday deals, from @bell.bz at @piccalil.li: piccalil.li/links/black-...
piccalil.li
Black Friday deals 2025
It's that time of year again! Let's have a look at the deals we, and our much loved community are offering this year. It's the most important time of year for independents, so let's give them our supp...
163
Reposted by Ankita Kulkarni
Kevin Powell @kevinpowell.co · 28/11/2025
Looking for Black Friday deals? @piccalil.li has a nice roundup of dev-related ones that are currently running. piccalil.li/links/black-...
piccalil.li
Black Friday deals 2025
It's that time of year again! Let's have a look at the deals we, and our much loved community are offering this year. It's the most important time of year for independents, so let's give them our supp...
12617
Ankita Kulkarni @kulkarniankita.com · 28/11/2025
My average step count now in Italy for the past 2 months is ~12k steps, it was 5-6k in Toronto! Walking has helped me clear my mind a lot and can’t believe how easy it is to just walk No gym membership needed
090
Reposted by Ankita Kulkarni
Veni Kunche @veni.dev · 28/11/2025
Black Friday deals from indie tech educators are live on Diversify Tech! Featuring @kulkarniankita.com, @marcysutton.com, @b0rk.jvns.ca, @joshwcomeau.com and more folks Also: Techsgiving Summit 50% off today See the full list here blog.diversifytech.com/black-friday-deals-for-tech-professionals
blog.diversifytech.com
Black Friday Deals for Tech Professionals 2025 - Diversify Tech
It’s that time of year again! I’ve collected over 30 deals for software engineers, designers, and data professionals with a focus on indie educators and...
185