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!

โ€‹

A Frontend Newsletter that you'll love! ๐Ÿ’–