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
A terminal interface displays commands for a tool called next-browser, designed for AI agents to analyze and monitor Next.js applications.

Hey Reader, This week, Next.js 16.2 gave AI agents something they never had "a browser". Your agent can now see your app, find the problem, and fix it without asking you. This along with GPT-5.4 mini & nano (2 small models), TanStack Start going 5x faster, why you should ban useEffect, and more. Let's dive in. 🍿 Our Weekly Snack: Your AI agent can finally see what your users see (Next.js 16.2 is here) Next.js 16.2 dropped yesterday (deep dive here) and it just gave AI agents a browser. It's...

next.js proxy

Hey Reader, Middleware got renamed to Proxy in Next.js 16. Same functionality. Better name. What is Proxy? Every request to your app has to go somewhere - a page, an API route, a file. Proxy gets to look at it first and decide what happens: send the user somewhere else, serve different content silently, or just let it through as-is. Think of it as a traffic controller 🚦 sitting in front of your routes. So, why you should stop putting auth in Proxy? It feels like the perfect place but it...

You’re Suspending the Wrong Component

Hey Reader, There are thousands of you going through Modern Full Stack Next.js Course so wanted to be grateful here for your support. Just as a thank you, there is something big dropping for you. It will only last 24 hours ⏰ so keep an eye out for my email next week. Let's dive in! PRESENTED BY CLERK Instead of your coding agent guessing how auth works, you can now install specialized Clerk knowledge directly into it. Introducing Clerk Skills One simple command $ npx skills add clerk/skills...