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 (40% off)
Newsletter: frontendsnacks.dev
Free Next.js Course:
https://bit.ly/nextjshottips
Create videos on web dev: YouTube.com/@kulkarniankita
Building https://proofybubble.com/
Educator: nextjscourse.dev (40% off)
Newsletter: frontendsnacks.dev
Free Next.js Course:
https://bit.ly/nextjshottips
Writing my last newsletter of the year!
December 24, 2025 at 1:28 PM
Writing my last newsletter of the year!
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': 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
December 3, 2025 at 12:33 PM
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': 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
this helps me a lot! was recording a video on the same topic so had this open
November 26, 2025 at 8:55 PM
this helps me a lot! was recording a video on the same topic so had this open
I'm not a big fan of Cheatsheets
But when technology evolves so quickly, a cheatsheet is the best way to stay updated.
This is why I created a Next.js 16 cheatsheet as Next.js evolves very rapidly!
Grab a Cheatsheet here:
→ dub.sh/nextjs16-ch... (it's free 😉)
But when technology evolves so quickly, a cheatsheet is the best way to stay updated.
This is why I created a Next.js 16 cheatsheet as Next.js evolves very rapidly!
Grab a Cheatsheet here:
→ dub.sh/nextjs16-ch... (it's free 😉)
November 26, 2025 at 1:04 PM
I'm not a big fan of Cheatsheets
But when technology evolves so quickly, a cheatsheet is the best way to stay updated.
This is why I created a Next.js 16 cheatsheet as Next.js evolves very rapidly!
Grab a Cheatsheet here:
→ dub.sh/nextjs16-ch... (it's free 😉)
But when technology evolves so quickly, a cheatsheet is the best way to stay updated.
This is why I created a Next.js 16 cheatsheet as Next.js evolves very rapidly!
Grab a Cheatsheet here:
→ dub.sh/nextjs16-ch... (it's free 😉)
Interactive Demo of Cache Components 💫
Cache Components let you mark a page, component or a function as cacheable
When you press the toggle "use cache,"
→ The Entire Component is Cached
With cacheLife, you can configure the cache for a specific time period ⏰
Play around here:
dub.sh/use-cache
Cache Components let you mark a page, component or a function as cacheable
When you press the toggle "use cache,"
→ The Entire Component is Cached
With cacheLife, you can configure the cache for a specific time period ⏰
Play around here:
dub.sh/use-cache
November 24, 2025 at 3:00 PM
Interactive Demo of Cache Components 💫
Cache Components let you mark a page, component or a function as cacheable
When you press the toggle "use cache,"
→ The Entire Component is Cached
With cacheLife, you can configure the cache for a specific time period ⏰
Play around here:
dub.sh/use-cache
Cache Components let you mark a page, component or a function as cacheable
When you press the toggle "use cache,"
→ The Entire Component is Cached
With cacheLife, you can configure the cache for a specific time period ⏰
Play around here:
dub.sh/use-cache
A super useful comparison of Server and Client Components from @reactjs
--
This visual is Pulled from nextjscourse.dev
--
This visual is Pulled from nextjscourse.dev
November 21, 2025 at 7:00 AM
A super useful comparison of Server and Client Components from @reactjs
--
This visual is Pulled from nextjscourse.dev
--
This visual is Pulled from nextjscourse.dev
Interactive Demo of Static vs Dynamic Rendering ⚡️
Modern Full Stack Next.js Course is filled with examples like these to make concepts stick - nextjscourse.dev
And Guess what, I'm dropping some huge updates to my newsletter this week - frontendsnacks.dev (subscribe for no fomo 😉)
Modern Full Stack Next.js Course is filled with examples like these to make concepts stick - nextjscourse.dev
And Guess what, I'm dropping some huge updates to my newsletter this week - frontendsnacks.dev (subscribe for no fomo 😉)
November 20, 2025 at 7:01 AM
Interactive Demo of Static vs Dynamic Rendering ⚡️
Modern Full Stack Next.js Course is filled with examples like these to make concepts stick - nextjscourse.dev
And Guess what, I'm dropping some huge updates to my newsletter this week - frontendsnacks.dev (subscribe for no fomo 😉)
Modern Full Stack Next.js Course is filled with examples like these to make concepts stick - nextjscourse.dev
And Guess what, I'm dropping some huge updates to my newsletter this week - frontendsnacks.dev (subscribe for no fomo 😉)
Stop Infinite Re-renders
Ever add a handler inside an effect, put it in the dependency array, suddenly…re-renders forever?
That’s because your handler changes identity every render, the effect keeps tearing down & setting up again
React 19.2 dropped useEffectEvent that fixes this
👇 dub.sh/3JmFcYR
Ever add a handler inside an effect, put it in the dependency array, suddenly…re-renders forever?
That’s because your handler changes identity every render, the effect keeps tearing down & setting up again
React 19.2 dropped useEffectEvent that fixes this
👇 dub.sh/3JmFcYR
November 19, 2025 at 6:58 AM
Stop Infinite Re-renders
Ever add a handler inside an effect, put it in the dependency array, suddenly…re-renders forever?
That’s because your handler changes identity every render, the effect keeps tearing down & setting up again
React 19.2 dropped useEffectEvent that fixes this
👇 dub.sh/3JmFcYR
Ever add a handler inside an effect, put it in the dependency array, suddenly…re-renders forever?
That’s because your handler changes identity every render, the effect keeps tearing down & setting up again
React 19.2 dropped useEffectEvent that fixes this
👇 dub.sh/3JmFcYR
A month ago, I released a Case Study on How I Built my Custom Next.js Course Platform
A year ago, a few actions took 16 seconds (painful 😅)
So I documented every improvement I made step by step⚡
Today, those optimizations are one of the most-loved parts of the platform
→ nextjscourse.dev
A year ago, a few actions took 16 seconds (painful 😅)
So I documented every improvement I made step by step⚡
Today, those optimizations are one of the most-loved parts of the platform
→ nextjscourse.dev
November 18, 2025 at 9:18 AM
A month ago, I released a Case Study on How I Built my Custom Next.js Course Platform
A year ago, a few actions took 16 seconds (painful 😅)
So I documented every improvement I made step by step⚡
Today, those optimizations are one of the most-loved parts of the platform
→ nextjscourse.dev
A year ago, a few actions took 16 seconds (painful 😅)
So I documented every improvement I made step by step⚡
Today, those optimizations are one of the most-loved parts of the platform
→ nextjscourse.dev
The Netflix Secret Inside React 19.2
Imagine you’re deep into a Netflix binge.
You finish the episode… hit “Play Next”… and BOOM, the next one starts instantly.
No spinner 🌀
No buffering
Why?
Because Netflix already pre-rendered what you were about to do next
💡This is what the Activity API does
Imagine you’re deep into a Netflix binge.
You finish the episode… hit “Play Next”… and BOOM, the next one starts instantly.
No spinner 🌀
No buffering
Why?
Because Netflix already pre-rendered what you were about to do next
💡This is what the Activity API does
November 17, 2025 at 12:56 PM
The Netflix Secret Inside React 19.2
Imagine you’re deep into a Netflix binge.
You finish the episode… hit “Play Next”… and BOOM, the next one starts instantly.
No spinner 🌀
No buffering
Why?
Because Netflix already pre-rendered what you were about to do next
💡This is what the Activity API does
Imagine you’re deep into a Netflix binge.
You finish the episode… hit “Play Next”… and BOOM, the next one starts instantly.
No spinner 🌀
No buffering
Why?
Because Netflix already pre-rendered what you were about to do next
💡This is what the Activity API does
Optimize Your API with Smart Caching⚡️
Next.js 16 introduces the "use-cache" directive, letting you flag components, functions or Pages as cacheable
But if you use connection(), cookies(), or headers()
your component becomes dynamic, "use cache" won’t work
That’s where "use cache: remote" comes in
Next.js 16 introduces the "use-cache" directive, letting you flag components, functions or Pages as cacheable
But if you use connection(), cookies(), or headers()
your component becomes dynamic, "use cache" won’t work
That’s where "use cache: remote" comes in
November 14, 2025 at 1:02 PM
Optimize Your API with Smart Caching⚡️
Next.js 16 introduces the "use-cache" directive, letting you flag components, functions or Pages as cacheable
But if you use connection(), cookies(), or headers()
your component becomes dynamic, "use cache" won’t work
That’s where "use cache: remote" comes in
Next.js 16 introduces the "use-cache" directive, letting you flag components, functions or Pages as cacheable
But if you use connection(), cookies(), or headers()
your component becomes dynamic, "use cache" won’t work
That’s where "use cache: remote" comes in
Made some updates to my Custom Course Platform built on Next.js:
I've added several gamification features to boost retention:
→ Streaks
→ Daily learning progress tracking
→ Levels to earn a certificate
Overall, the platform is now more engaging for students!
Check it out at nextjscourse.dev
I've added several gamification features to boost retention:
→ Streaks
→ Daily learning progress tracking
→ Levels to earn a certificate
Overall, the platform is now more engaging for students!
Check it out at nextjscourse.dev
November 10, 2025 at 1:01 PM
Made some updates to my Custom Course Platform built on Next.js:
I've added several gamification features to boost retention:
→ Streaks
→ Daily learning progress tracking
→ Levels to earn a certificate
Overall, the platform is now more engaging for students!
Check it out at nextjscourse.dev
I've added several gamification features to boost retention:
→ Streaks
→ Daily learning progress tracking
→ Levels to earn a certificate
Overall, the platform is now more engaging for students!
Check it out at nextjscourse.dev
I sat down with @danabra.mov, one of the core React team members since the early days
We talked about,
✔️ React Server Components and Modern React
✔️ the Next.js App Router
✔️ Burnout and how the React community has evolved - both technically & personally
I learned a lot & you will too
🎥 link below
We talked about,
✔️ React Server Components and Modern React
✔️ the Next.js App Router
✔️ Burnout and how the React community has evolved - both technically & personally
I learned a lot & you will too
🎥 link below
October 28, 2025 at 12:46 PM
I sat down with @danabra.mov, one of the core React team members since the early days
We talked about,
✔️ React Server Components and Modern React
✔️ the Next.js App Router
✔️ Burnout and how the React community has evolved - both technically & personally
I learned a lot & you will too
🎥 link below
We talked about,
✔️ React Server Components and Modern React
✔️ the Next.js App Router
✔️ Burnout and how the React community has evolved - both technically & personally
I learned a lot & you will too
🎥 link below
React 19.2 useEffectEvent ✨
Ever add a handler inside an effect, put it in the dependency array & suddenly… re-renders forever?
That’s usually because your handler changes identity every render so the effect keeps tearing down & setting up again
useEffectEvent fixes this! 💪
Ever add a handler inside an effect, put it in the dependency array & suddenly… re-renders forever?
That’s usually because your handler changes identity every render so the effect keeps tearing down & setting up again
useEffectEvent fixes this! 💪
October 8, 2025 at 12:01 PM
React 19.2 useEffectEvent ✨
Ever add a handler inside an effect, put it in the dependency array & suddenly… re-renders forever?
That’s usually because your handler changes identity every render so the effect keeps tearing down & setting up again
useEffectEvent fixes this! 💪
Ever add a handler inside an effect, put it in the dependency array & suddenly… re-renders forever?
That’s usually because your handler changes identity every render so the effect keeps tearing down & setting up again
useEffectEvent fixes this! 💪
Last week’s Snack: Underrated Caching Trick ⚡🍿
🚀 Cache Components in Next.js 16
🎨 Tailwind child selectors @DavidKPiano
🔥 @tan_stack Start v1 Release Candidate
⚡ ai-sdk-zustand → state mgmt + debugging for AI SDK @pontusab
One email. All the latest news + learn something new!
🚀 Cache Components in Next.js 16
🎨 Tailwind child selectors @DavidKPiano
🔥 @tan_stack Start v1 Release Candidate
⚡ ai-sdk-zustand → state mgmt + debugging for AI SDK @pontusab
One email. All the latest news + learn something new!
September 29, 2025 at 11:56 AM
Last week’s Snack: Underrated Caching Trick ⚡🍿
🚀 Cache Components in Next.js 16
🎨 Tailwind child selectors @DavidKPiano
🔥 @tan_stack Start v1 Release Candidate
⚡ ai-sdk-zustand → state mgmt + debugging for AI SDK @pontusab
One email. All the latest news + learn something new!
🚀 Cache Components in Next.js 16
🎨 Tailwind child selectors @DavidKPiano
🔥 @tan_stack Start v1 Release Candidate
⚡ ai-sdk-zustand → state mgmt + debugging for AI SDK @pontusab
One email. All the latest news + learn something new!
Stop Refetching the Same Data 🍿
Why make your users wait for the same work again and again? That’s where "use cache" comes in.
Mark a route, component, or function as cacheable → repeat work is skipped, your app feels faster ⚡
Watch your TTFB drop with use-cache!
Why make your users wait for the same work again and again? That’s where "use cache" comes in.
Mark a route, component, or function as cacheable → repeat work is skipped, your app feels faster ⚡
Watch your TTFB drop with use-cache!
September 24, 2025 at 5:58 PM
Stop Refetching the Same Data 🍿
Why make your users wait for the same work again and again? That’s where "use cache" comes in.
Mark a route, component, or function as cacheable → repeat work is skipped, your app feels faster ⚡
Watch your TTFB drop with use-cache!
Why make your users wait for the same work again and again? That’s where "use cache" comes in.
Mark a route, component, or function as cacheable → repeat work is skipped, your app feels faster ⚡
Watch your TTFB drop with use-cache!
It's official!! 🥳
I'll be giving a talk at the official @nextjs Conf on October 22nd ✨
My topic is "Architecting and Scaling my Custom Course Platform on Next.js"
Can't wait and hope to see you there! If you'll be in SF, would love to hang so let me know :)
I'll be giving a talk at the official @nextjs Conf on October 22nd ✨
My topic is "Architecting and Scaling my Custom Course Platform on Next.js"
Can't wait and hope to see you there! If you'll be in SF, would love to hang so let me know :)
September 23, 2025 at 11:30 AM
It's official!! 🥳
I'll be giving a talk at the official @nextjs Conf on October 22nd ✨
My topic is "Architecting and Scaling my Custom Course Platform on Next.js"
Can't wait and hope to see you there! If you'll be in SF, would love to hang so let me know :)
I'll be giving a talk at the official @nextjs Conf on October 22nd ✨
My topic is "Architecting and Scaling my Custom Course Platform on Next.js"
Can't wait and hope to see you there! If you'll be in SF, would love to hang so let me know :)
I just moved to Italy 🇮🇹
If you are in Italy or EU, let me know and would love to hang!
If you are in Italy or EU, let me know and would love to hang!
September 19, 2025 at 2:21 PM
I just moved to Italy 🇮🇹
If you are in Italy or EU, let me know and would love to hang!
If you are in Italy or EU, let me know and would love to hang!
These micro interactions are beautiful✨
Why bother with modals for confirmation when you can use inline real estate?
Why bother with modals for confirmation when you can use inline real estate?
September 10, 2025 at 12:03 PM
These micro interactions are beautiful✨
Why bother with modals for confirmation when you can use inline real estate?
Why bother with modals for confirmation when you can use inline real estate?
Stop Freezing Your UI 🍿
Imagine you go to a restaurant 👩🍳 a server comes to take your order but until your food is ready, you're frozen
That's the reality in your browser 😅
If you press a button, your entire UI freezes, unless you fix this, you won't be able to do anything.
Enter useTransition 👇
Imagine you go to a restaurant 👩🍳 a server comes to take your order but until your food is ready, you're frozen
That's the reality in your browser 😅
If you press a button, your entire UI freezes, unless you fix this, you won't be able to do anything.
Enter useTransition 👇
September 9, 2025 at 6:00 PM
Stop Freezing Your UI 🍿
Imagine you go to a restaurant 👩🍳 a server comes to take your order but until your food is ready, you're frozen
That's the reality in your browser 😅
If you press a button, your entire UI freezes, unless you fix this, you won't be able to do anything.
Enter useTransition 👇
Imagine you go to a restaurant 👩🍳 a server comes to take your order but until your food is ready, you're frozen
That's the reality in your browser 😅
If you press a button, your entire UI freezes, unless you fix this, you won't be able to do anything.
Enter useTransition 👇
Last week’s Snack: Lazy Load Heavy Components ⚡🍿
🚀 Run heavy tasks in the background
📚 @danabra.mov new Learn for JS Developers
🎨 Build gradients on the fly @nerdy.dev
🧠 Deriving Client State from Server State by @tkdodo.eu
One email. All the latest frontend + AI news.
🚀 Run heavy tasks in the background
📚 @danabra.mov new Learn for JS Developers
🎨 Build gradients on the fly @nerdy.dev
🧠 Deriving Client State from Server State by @tkdodo.eu
One email. All the latest frontend + AI news.
September 8, 2025 at 1:01 PM
Last week’s Snack: Lazy Load Heavy Components ⚡🍿
🚀 Run heavy tasks in the background
📚 @danabra.mov new Learn for JS Developers
🎨 Build gradients on the fly @nerdy.dev
🧠 Deriving Client State from Server State by @tkdodo.eu
One email. All the latest frontend + AI news.
🚀 Run heavy tasks in the background
📚 @danabra.mov new Learn for JS Developers
🎨 Build gradients on the fly @nerdy.dev
🧠 Deriving Client State from Server State by @tkdodo.eu
One email. All the latest frontend + AI news.
Ever wonder why your app feels slow even with a decent backend?
👉 Chances are, you’re forcing users to download everything up front
With React.lazy, lazy load heavy components only when they’re actually needed
I just broke this down in my newsletter Frontend Snacks, reply if you want the link!
👉 Chances are, you’re forcing users to download everything up front
With React.lazy, lazy load heavy components only when they’re actually needed
I just broke this down in my newsletter Frontend Snacks, reply if you want the link!
September 4, 2025 at 12:30 PM
Ever wonder why your app feels slow even with a decent backend?
👉 Chances are, you’re forcing users to download everything up front
With React.lazy, lazy load heavy components only when they’re actually needed
I just broke this down in my newsletter Frontend Snacks, reply if you want the link!
👉 Chances are, you’re forcing users to download everything up front
With React.lazy, lazy load heavy components only when they’re actually needed
I just broke this down in my newsletter Frontend Snacks, reply if you want the link!
Small Wins 🏆
🔶 I moved the "Mark as Completed" button to the bottom of my Custom course platform I built
🔶 and it automatically advances to the next lesson
The Custom Platform is built on top of Next.js and is one of my best decisions. It enables me to design a tailored learning experience.
🔶 I moved the "Mark as Completed" button to the bottom of my Custom course platform I built
🔶 and it automatically advances to the next lesson
The Custom Platform is built on top of Next.js and is one of my best decisions. It enables me to design a tailored learning experience.
September 3, 2025 at 5:03 PM
Small Wins 🏆
🔶 I moved the "Mark as Completed" button to the bottom of my Custom course platform I built
🔶 and it automatically advances to the next lesson
The Custom Platform is built on top of Next.js and is one of my best decisions. It enables me to design a tailored learning experience.
🔶 I moved the "Mark as Completed" button to the bottom of my Custom course platform I built
🔶 and it automatically advances to the next lesson
The Custom Platform is built on top of Next.js and is one of my best decisions. It enables me to design a tailored learning experience.
I enjoy tackling tough problems, but auth is a challenge I'd skip next time.
"Just login + signup" turned into
◆ SAML & SCIM chaos
◆ Compliance audits (GDPR, SOC2, HIPAA)
◆ Unwanted security risks
In this video, I discuss my journey from DIY to WorkOS and what devs should know before building auth
"Just login + signup" turned into
◆ SAML & SCIM chaos
◆ Compliance audits (GDPR, SOC2, HIPAA)
◆ Unwanted security risks
In this video, I discuss my journey from DIY to WorkOS and what devs should know before building auth
September 3, 2025 at 12:04 PM
I enjoy tackling tough problems, but auth is a challenge I'd skip next time.
"Just login + signup" turned into
◆ SAML & SCIM chaos
◆ Compliance audits (GDPR, SOC2, HIPAA)
◆ Unwanted security risks
In this video, I discuss my journey from DIY to WorkOS and what devs should know before building auth
"Just login + signup" turned into
◆ SAML & SCIM chaos
◆ Compliance audits (GDPR, SOC2, HIPAA)
◆ Unwanted security risks
In this video, I discuss my journey from DIY to WorkOS and what devs should know before building auth
Last week’s snack: Next.js 15.5 Type Safety 🏆
⚡ Vercel AI Gateway → one API, all providers
🎥 FFmpeg 8.0 → convert, record & stream anything
🚀 Trigger .dev → Build and deploy AI agents, now out of beta
■ Component Composition by @tkdodo.eu, TanStack Query Maintainer
More below
⚡ Vercel AI Gateway → one API, all providers
🎥 FFmpeg 8.0 → convert, record & stream anything
🚀 Trigger .dev → Build and deploy AI agents, now out of beta
■ Component Composition by @tkdodo.eu, TanStack Query Maintainer
More below
September 2, 2025 at 5:03 PM
Last week’s snack: Next.js 15.5 Type Safety 🏆
⚡ Vercel AI Gateway → one API, all providers
🎥 FFmpeg 8.0 → convert, record & stream anything
🚀 Trigger .dev → Build and deploy AI agents, now out of beta
■ Component Composition by @tkdodo.eu, TanStack Query Maintainer
More below
⚡ Vercel AI Gateway → one API, all providers
🎥 FFmpeg 8.0 → convert, record & stream anything
🚀 Trigger .dev → Build and deploy AI agents, now out of beta
■ Component Composition by @tkdodo.eu, TanStack Query Maintainer
More below