๐ŸŽ Grab a FREE gift on Next.js Best Practices and it has been a good week for web dev


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) with over 50% off the course price.
โ€‹
It is a course that teaches you to build and deploy production-ready Next.js apps.

Since this course is launching in Early Access, meaning you will have immediate access to half the content, you only have until Friday to purchase. I'll be locking the course until the full launch so grab it while you can!

๐Ÿฟ Our Weekly Snack:

If you are using Next.js App router and want to see folder names along with file name here is a cool little trick in VsCode so you don't have to dig into your files. This is especially useful when there are a bunch index.ts files around.

You can add this to your VSCode settings,โ€‹
โ€‹"workbench.editor.labelFormat": "medium",

Before:

After:

๐Ÿคซ Latest Frontend News

The community is moving to BlueSky and the Creator of Nuxt.js has created his awesome plugin โ€‹

This tool lets you edit db records when authenticated

โ€‹Netlify is also part of OpenNext and a great contender to ship your Next.js apps there.

Interviewed Tanner Linsley on my Youtube channel, check the whole interview here,

video previewโ€‹

Developing web applications has gotten insanely complex.

โ€‹Zero is building a general-purpose sync engine for the web. You put Zero in front of your existing database or web service, and we distribute your backend all the way to main thread of the UI.

โ€‹New Clerk Feature Alert! It allows you to add a Waitlist sign-up mode for your product launch. Can Clerk get any cooler?

Roadmap UI is a collection of accessible, customizable, performant and open source components for building interactive roadmaps built on shadcn/ui.

โ€‹Bolt.new is insanely cool.โ€‹

  • Bolt is built by StackBlitz which is a Dev Sandbox with AI.
  • You can Prompt, run, edit, and deploy full-stack web apps and it's free!!
Stackblitz is the platform we're using to give you a coding environment as part of the Modern Full Stack Next.js Course. (50% off until Friday)

โ€‹Went live launching Next.js Course, there were many moments where things went wrong ๐Ÿ˜…

video previewโ€‹

โ€‹
โ€‹Tailwind Shades โ†— is a VSCode plugin a list of shades based on your the custom RGB colour you provide. It's pretty code when you want a bunch of swatches you can use.

Here's an example for the color # FA541C.

use-cache is a shiny new directive introduced pretty recently in Next.js 15 experimental version. I've written a in-depth blog post on this topic. Check it out.โ€‹

โ€‹Tailwind CSS v4.1 Beta is out โ†—๏ธ, wohoo! Here are a few exciting updates from this release IMO,

โ€‹React Router v7 is finally out! new templates, more router with remix merge updates.

TanStack Start is now officially BETA! ๐ŸŽ‰ What a Exciting week for me and TanStackโ€‹

๐Ÿ’– Weekly Youtube Videos

Check it out and subscribe to my channel โ†—๏ธ for more Frontend, Leadership and Career Development content.

Build & Deploy a Full Stack AI SaaS

video previewโ€‹

Build & Deploy a Full Stack AI Todoist Clone

video previewโ€‹

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

โ€‹๐Ÿ”ฅ Love it!โ€‹

โ€‹๐Ÿ˜ Itโ€™s okayโ€‹

โ€‹๐Ÿ‘Ž Not goodโ€‹

(These feedback links above? I built it! ๐Ÿ˜‰ I'll teach you how to build in the Modern Full Stack Next.js Course, isn't that cool?)

Ankita Kulkarni

Join 9200+ 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
React 19.2 Activity

Hey Reader, Iโ€™ve been diving deep into React 19.2 and Next.js 16 Beta this week, and honestly, itโ€™s such a solid update. I have started to incorporate so many of the features in my Next.js Custom Course Platform and have seen massive improvements. But before we jump into this weekโ€™s snack, letโ€™s hear it from our sponsor. ๐Ÿ‘‡ But before that, let's hear it from our Sponsor. PRESENTED BY CODERABBIT AI Most AI test tools just throw random assertions at your code and call it โ€œcoverage.โ€ But they...

useEffectEvent

Hey Reader, This week was huge for web dev ๐Ÿš€. React 19.2 just landed with fixes for some of the most annoying bugs, Sonnet 4.5 dropped with major AI upgrades, and the ecosystem feels like itโ€™s moving faster than ever. Iโ€™ve rounded up the highlights (and why they matter) along with this weekโ€™s Snack for you below ๐Ÿ‘‡ But before that, let's hear it from our Sponsor. PRESENTED BY CODERABBIT AI Most AI code reviewers feel shallow, they look at syntax, patterns, maybe a guideline or two, but they...

use-cache

Hey Reader, Iโ€™ve got some fun news to share ๐ŸŽ‰ Iโ€™m beyond excited to share that Iโ€™ll be speaking at the official Next.js Conf ๐Ÿ’–. Iโ€™m one of the featured speakers (!!) and would love for you to join me. My talk is called:โ€œBuild. Scale. Teach: Architecting and Scaling a Production-Ready Modern Course Platform with Next.jsโ€ Make sure to sign up here and come hang out during my sessions ๐Ÿš€ And... I finally made the move to Italy ๐Ÿ‡ฎ๐Ÿ‡น. Back in 2019 I almost moved to Europe, but the world had other...