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. πΏ Our Weekly Snack:If you are using Next.js App router and want to see folder names along with file name here is a cool little trick in VsCode so you don't have to dig into your files. This is especially useful when there are a bunch index.ts files around. You can add this to your VSCode settings,β Before: After: π€« Latest Frontend NewsThe community is moving to BlueSky and the Creator of Nuxt.js has created his awesome plugin β This tool lets you edit db records when authenticated βNetlify is also part of OpenNext and a great contender to ship your Next.js apps there. Interviewed Tanner Linsley on my Youtube channel, check the whole interview here, Developing web applications has gotten insanely complex. βZero is building a general-purpose sync engine for the web. You put Zero in front of your existing database or web service, and we distribute your backend all the way to main thread of the UI. βNew Clerk Feature Alert! It allows you to add a Waitlist sign-up mode for your product launch. Can Clerk get any cooler? Roadmap UI is a collection of accessible, customizable, performant and open source components for building interactive roadmaps built on shadcn/ui. βBolt.new is insanely cool.β
Stackblitz is the platform we're using to give you a coding environment as part of the Modern Full Stack Next.js Course. (50% off until Friday)
βWent live launching Next.js Course, there were many moments where things went wrong π β Here's an example for the color # FA541C. use-cache is a shiny new directive introduced pretty recently in Next.js 15 experimental version. I've written a in-depth blog post on this topic. Check it out.β βTailwind CSS v4.1 Beta is out βοΈ, wohoo! Here are a few exciting updates from this release IMO, βReact Router v7 is finally out! new templates, more router with remix merge updates. TanStack Start is now officially BETA! π What a Exciting week for me and TanStackβ π Weekly Youtube VideosCheck it out and subscribe to my channel βοΈ for more Frontend, Leadership and Career Development content. What do you think of today's Newsletter? Simply click on one of the links below. βπ₯ Love it!β βπ Itβs okayβ βπ Not goodβ (These feedback links above? I built it! π I'll teach you how to build in the Modern Full Stack Next.js Course, isn't that cool?) |
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 just got back from Amsterdam after speaking at React Summit and wow, what a week! π³π± I gave a talk called React Framework Showdown π₯, where I pitted Next.js, TanStack Start, and React Router v7 (aka Remix) against each other in a friendly battle. Why those three? Because they're leading the pack when it comes to modern React and honestly, each one brought something wildly different to the table. I'll share the talk when it's live, but for now, letβs hear it from this week's...
Hey Reader, Ever been stuck writing the same SQL queries over and over againβ¦ not because theyβre hard, but because someone on your team needed the data and didnβt know how to get it? Iβve been there. Whether itβs marketing asking, βHow many users signed up last week?β or product wondering, βDid anyone actually use that new feature?β, the questions are simple but the friction to get answers is very real. So I built something for that. Introducing: the AI Agent that talks directly to your...
Hey Reader, A couple years ago, I realized something unexpected: I was growing faster in my career not by doing more tutorials or chasing the next shiny framework but by finding a mentor. Want to level up your Next.js skills? β Find a mentor who has shipped production-ready apps. Want to get better at public speaking? β Find someone whoβs done it before. At one point, I had multiple mentors, each helping me with something specific. Their guidance made all the difference and helped me focus.It...