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