Optimize Next.js Builds for production + my secret project


Hey friend,

I've been heads down building this thing for months, and I'm both nervous and *stoked* to finally share it with you.

It is The Modern Full Stack Next.js Course which is dropping on November 25th 💥. It is a course that teaches you to build and deploy production-ready Next.js apps.

Less than 10 days to go, WILD !! 😬

Look, I know there are tons of courses out there, but I wanted to do something different. I actually built my own *custom course platform* from scratch because, well, I'm picky about how I teach and want to give you the best learning experience 😅

You'll get,

  • Interactive demos where you can put learning to practice
  • Real exercises to get your hands dirty
  • Videos + written content (because we all learn differently, right?)
  • And More importantly, you'll build production-ready apps.

But wait, Why Full Stack? I think the world has truly shifted towards full stack developers. The whole "I'm just a frontend dev" or "I only do backend" thing? It's becoming less and less relevant.

So, knowing the big picture can truly make a difference in your career.

Oh! One more thing,

🚨 I'll be sharing exclusive bonus Next.js content to the Waitlist that I don't share anywhere else. I'd definitely recommend you to join the waitlist just so you don't miss out.

Can't believe we're this close to Launch Day!


🍿 Our Weekly Snack: Optimize Next.js Builds: Remove Console Logs in Production

We can accidentally leak data and user sensitive information if we leave console logs in our code.

There is an easier way to remove them all or select few using the `removeConsole` option in the `compiler` object. You can simply add this in your next.config.mjs file.

Here's how,

🤫 Latest Frontend News

In Tailwind CSS v4, you can specify colour interpolation mode for gradients, check here ↗️.

A visual editor ↗️ that integrates into your DB but feels like Figma but for SaaS.

Turbopack Dev is now stable 🔥 so now you can expect 76.7% faster local server startup, 96.3% faster code updates and 45.8% faster route compilation.

ShadCN UI Library has added a code view + file tree for copy pasting components ©️.

Geist - a popular font ✍️ is now available on Next.js Google Fonts package.

Imagine shipping dynamic Next.js apps ⚡️ seamlessly. Fleek makes it easy to ship performant apps in minutes.

Deep Dive on Next.js 15's new directive "use cache", read more here ↗️.

WebStorm - The JavaScript and TypeScript IDE is now completely free for non-commercial use! 🤯 download here ↗️.

If you're building a SaaS, picking the right font is very important. You can find your font match using this tool 🔤.

A ShadCN alternative where you can copy-paste components with TailwindCSS and Next.js? Introducing Origin UI.

Craving for more Tailwind CSS Animations? ✨ Well, Animate has hand-crafted beautiful copy-paste animations.

💖 Weekly Youtube Videos

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

5 New Next.js 15 Features You Should Know About

video preview

New Next.js 15 Feature! A Caching System

video preview

Free Course
Next.js Hot Tips 🚀

Level up your Next.js skills with 10 best practices. The most fun way to learn Next.js. 10 easy-to-follow best practices in 10 days!

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
use cache:remote

Hey Reader, I had the incredible opportunity to speak at the official Next.js Conf!. It’s been 2.5 years since I went full-time as a Tech Educator, and this moment truly feels like a milestone. In my talk, I share how I built a custom course platform using Next.js (the same one that powers Modern Full Stack Next.js Course) along with the lessons and challenges I faced along the way. If you'd like, you can watch the talk here! Weekly Snack: Caching Patterns for Dynamic Components in Next.js 🍿...

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...