🍿 They changed Caching AGAIN in Next.js 15


Hey friend,

Great news! I've locked in a new date for the Live Next.js Workshop ↗️. I'll be announcing some exciting updates and exclusive Next.js 15 content for the Next.js Workshop Waitlist.

Click here to add yourself so you don't miss out ↗️

🍿 Our Weekly Snack: Next.js 15 and Caching: A Paradigm Shift

Previously (Next.js 14), fetch requests automatically defaulted to caching and you had to purge your cache to opt out of caching.

Remember this?

It's the default option I'm talking about - cache: force-cache.

Next.js 15 introduces a fundamental shift: fetch requests are no longer cached by default 😳.

This empowers developers with greater control over caching strategies, but manual configuration might be required for specific use cases.

Considerations for Upgrading Applications

Upgrading from Next.js 14 to 15 could potentially disrupt applications that rely on the previous caching behaviour.

To maintain consistent behaviour, you may need to explicitly specify cache: 'force-cache' for relevant fetch requests.

🤫 Latest Frontend News

Tailwind CSS released a new version of `prettier-plugin-tailwindcss` this week! Now they automatically clean up unnecessary whitespace in class lists — huge quality of life improvement!

You can read all about them here ↗️

Seamlessly move data fetching between client and server in SWR ↗️

AI News: All ChatGPT Free users can now use browse, vision, data analysis, file uploads, and GPTs 😳.

Vercel announced it's firewall ↗️ in their Vercel ship event

Remix is now React Router V7 🤝 The Remix team is merging Remix with React Router. This means that the features from Remix will be included in the next version of React Router (v7). Users of Remix can keep using it or switch to React Router v7 with a simple import change.

✅ Dev Productivity Tip

→ To remove unused imports in VS Code:
Use 🍎 OPTION + Shift + O / 🪟🐧 Shift + Alt + O

💖 Weekly Youtube Videos

Check it out and subscribe to my channel ↗️ for more Frontend, Leadership and Career Development content.

Modern Authentication Tutorial with Clerk & Lucia

video preview

Next.js 15 Crash Course

video preview

What do you think of today's Newsletter? Simply click on one of the links below.

Ankita Kulkarni

Join 6000+ 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
video preview

Hey friend, Many of you told me that you don't have time to go through the Next.js Hot Tips course that teaches you the best practices of building Next.js apps, which is why I've compiled this cheat sheet to give you. Grab the free Cheatsheet 🎁 As a special bonus, you can grab the cheatsheet for free here ↗️. It would not be fair if I don't share this deal I'm running on my site. The Modern Full Stack Next.js Course is having a Black Friday sale 🎈 (along with Purchase Power Parity Pricing)...

saying No

Hello Reader, As an Engineering leader, you are going to get requests all the time. So you need to prioritize how you are going to manage that. According to a study by McKinsey, leaders who set clear priorities for their teams see a 25% increase in overall productivity. You might have to say ‘no’ to your direct team or product leaders or might have to say no to priorities. In Leadership, saying no means 'not right now', but let's work together to figure out 'when.' While setting priorities,...

Hello Reader, So, React got really confusing... 😅 Remember when things were way simpler before these Meta frameworks came along. Even the React docs recommend to use a Meta framework and Next.js was the recommended one for the longest time. Now, Next.js has not just one but *TWO* Routers. Not to mention the overwhelming number of updates between Next.js versions as well as breaking changes to keep up with. I don't blame you if you are frustrated. After 15+ years of building and scaling apps...