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!
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 π
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 ProductionWe can accidentally leak data and user sensitive information if we leave console logs in our code. 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 VideosCheck it out and subscribe to my channel βοΈ for more Frontend, Leadership and Career Development content. |
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!
Hey Reader, Iβve kicked off a brand-new series on YouTube: The AI Agent Series where youβll learn how to build, deploy, and scale powerful AI Agents from scratch. To get started, check out the series here β. I listed down tasks I'd hire for and instead, built an AI Assistant Agent with Convex, WorkOS Authkit and Next.js. This week, I'm dropping a video showing πΉ How I shipped a AI Agent SaaS in just 13 minutes and we'll buid your own Assistant step-by-step. Now onto todayβs sponsor π...
Hey Reader, Ever Wish You Had a Senior Engineer Reviewing Your Code 24/7? π§ Now you do and itβs powered by AI. This is Part 1 of my new AI Agent Series where weβre building and deploying real AI agents that can think, analyze, and act like a senior software engineer π€. This project is called AI Code Reviewer and itβs not just a fancy chatbot. It remembers past messages, gives contextual feedback and helps you ship better code, faster. Here's the Tech Stack: β β‘ Next.js 15 + React 19 β π§ Convex...
Hey Reader, 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 instantly, and the...