Ankita Kulkarni
@kulkarniankita.com
Tech Educator | Prev Senior Eng Leader
Create videos on full stack web dev: YouTube.com/@kulkarniankita
Building https://proofybubble.com/
Shipping nextjscourse.dev
Newsletter: frontendsnacks.dev
Free Next.js Course:
https://bit.ly/nextjshottips
Create videos on full stack web dev: YouTube.com/@kulkarniankita
Building https://proofybubble.com/
Shipping nextjscourse.dev
Newsletter: frontendsnacks.dev
Free Next.js Course:
https://bit.ly/nextjshottips
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
Don't block the user. Instead, schedule work in the background
Introducing the Next.js Hidden After Function ⚡
Schedule background tasks such as:
- Logging
- Analytics
- Sending emails
- Firing web hooks
- Cache revalidation
- Data cleanup
(🎥 full breakdown below)
Introducing the Next.js Hidden After Function ⚡
Schedule background tasks such as:
- Logging
- Analytics
- Sending emails
- Firing web hooks
- Cache revalidation
- Data cleanup
(🎥 full breakdown below)
August 29, 2025 at 12:31 PM
Don't block the user. Instead, schedule work in the background
Introducing the Next.js Hidden After Function ⚡
Schedule background tasks such as:
- Logging
- Analytics
- Sending emails
- Firing web hooks
- Cache revalidation
- Data cleanup
(🎥 full breakdown below)
Introducing the Next.js Hidden After Function ⚡
Schedule background tasks such as:
- Logging
- Analytics
- Sending emails
- Firing web hooks
- Cache revalidation
- Data cleanup
(🎥 full breakdown below)
A good bowl of pho can fix anything fr
August 24, 2025 at 1:06 AM
A good bowl of pho can fix anything fr
I don’t pick tools because they’re trendy.
I pick what helps me ship faster.
This is my 2025 tech stack with real examples from projects like ProofyBubble + my course platform.
💡 The best stack is the one that makes you productive.
(link below)
I pick what helps me ship faster.
This is my 2025 tech stack with real examples from projects like ProofyBubble + my course platform.
💡 The best stack is the one that makes you productive.
(link below)
August 22, 2025 at 1:00 PM
I don’t pick tools because they’re trendy.
I pick what helps me ship faster.
This is my 2025 tech stack with real examples from projects like ProofyBubble + my course platform.
💡 The best stack is the one that makes you productive.
(link below)
I pick what helps me ship faster.
This is my 2025 tech stack with real examples from projects like ProofyBubble + my course platform.
💡 The best stack is the one that makes you productive.
(link below)
Tweaking the Custom course Platform I built to improve the UX
Torn between keeping those MODULE numbers or removing them altogether?
Module 1, 2, 3 yay or nay on topping module name?
Torn between keeping those MODULE numbers or removing them altogether?
Module 1, 2, 3 yay or nay on topping module name?
August 18, 2025 at 11:59 AM
Tweaking the Custom course Platform I built to improve the UX
Torn between keeping those MODULE numbers or removing them altogether?
Module 1, 2, 3 yay or nay on topping module name?
Torn between keeping those MODULE numbers or removing them altogether?
Module 1, 2, 3 yay or nay on topping module name?
Okay I must admit this was so funny! 😆
I launched the Nextjs course on August 12th, worked hard to create daily vlogs only to not publish any vlogs during launch week 💀
Response was overwhelming
I was
- busy answering support emails
- onboarding folks
- improving the course
I just forgot lol
I launched the Nextjs course on August 12th, worked hard to create daily vlogs only to not publish any vlogs during launch week 💀
Response was overwhelming
I was
- busy answering support emails
- onboarding folks
- improving the course
I just forgot lol
August 16, 2025 at 12:15 PM
Okay I must admit this was so funny! 😆
I launched the Nextjs course on August 12th, worked hard to create daily vlogs only to not publish any vlogs during launch week 💀
Response was overwhelming
I was
- busy answering support emails
- onboarding folks
- improving the course
I just forgot lol
I launched the Nextjs course on August 12th, worked hard to create daily vlogs only to not publish any vlogs during launch week 💀
Response was overwhelming
I was
- busy answering support emails
- onboarding folks
- improving the course
I just forgot lol
Time to celebrate an amazing launch! 🥂
Thanks y’all for your support whether it be boosting, engaging or testing my course
It went beyond my expectations 🥳
Can’t wait to help these devs level up their Next.js skills 💜
Thanks y’all for your support whether it be boosting, engaging or testing my course
It went beyond my expectations 🥳
Can’t wait to help these devs level up their Next.js skills 💜
August 16, 2025 at 5:09 AM
Time to celebrate an amazing launch! 🥂
Thanks y’all for your support whether it be boosting, engaging or testing my course
It went beyond my expectations 🥳
Can’t wait to help these devs level up their Next.js skills 💜
Thanks y’all for your support whether it be boosting, engaging or testing my course
It went beyond my expectations 🥳
Can’t wait to help these devs level up their Next.js skills 💜
Why is this the first time I'm seeing this?? 🙈
Apparently, I missed a lot of messages on Discord
Apparently, I missed a lot of messages on Discord
August 14, 2025 at 6:45 PM
Why is this the first time I'm seeing this?? 🙈
Apparently, I missed a lot of messages on Discord
Apparently, I missed a lot of messages on Discord