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
after function in Next.js

Hey [FIRST NAME GOES HERE], Next.js has a bunch of little features that feel fun at first β€” but can actually change the way you build. This week’s snack is one of those. That’s the whole point of Frontend Snacks: giving you small, sharp insights that make a real difference and ones you can actually apply. Weekly Snack: after function 🍿 Next.js 15 introduces after() β€” a new API that lets you schedule server-side code to run after the response has been sent to the browser. So your UI renders...

AI coding agent

Hey [FIRST NAME GOES HERE], So apparently Deadpool is giving a keynote at a developer conference now. Yes, Ryan Reynolds is speaking at the Postman Conference and I’m still trying to process that 🀯 I recently had a conversation with a friend who really missed in-person connections. It's hard to be at home all the time and it is only when you meet like minded people in a room is when your creative juice flows. Things like I didn't know how tall you were or didn't know you had a dog etc. come...

server only vs use server

Hey [FIRST NAME GOES HERE], 🎨 Ever wanted your website to feel like it came straight out of a Studio Ghibli movie? I just discovered a Ghibli-inspired ShadCN UI theme that brings that dreamy, hand-painted magic to your components β€” and it’s absolutely stunning. If you're as obsessed with that aesthetic as I am, you're gonna love this. I also share a Github Repo you can check out too that goes along well with the video. 🍿 Weekly Snack: 'server-only' vs 'use server' Next.js has two easily...