|
Hey friend, I have been working on something very exciting ๐. It is a completely free course. Over the years, I have been asked what my best practices for Next.js apps were? What were the learnings after teaching over 10,000 students? well, this simple course will cover a few of those tips. I'll be sharing 10 easy-to-follow HOT tips ๐ฅ for Next.js apps in 10 days! If you want to be the first to know when I release it, you can sign up here โ๏ธ. Our Weekly Snack: Let's a create a fun GitHub ActionGitHub Actions is like a recipe book for your code. You write down the steps to build, test and release it, and GitHub Actions follows them automatically whenever you need, saving you time and effort. Now let's say, Imagine you're working on a critical project, and your team takes code quality very seriously. To prevent silly mistakes, you set up this hilarious GitHub Action.
Hey Sasha, you can't touch the untouchable files ๐. Instead move them out of "x" directory. This is just a simple and fun example. But you can do a lot more. You can also create a Github Action to,
Now, Github actions can get slow and can slow down your productivity a lot which can impact your time to delivery and to production. ๐ This is why you should check out the below section ๐. Latest Frontend NewsโA very interesting discussion โ๏ธ on SPA's in the world of React and Next as everyone wants a server rendered app. Such a cool tool for technical diagrams, you can generate diagrams โ๏ธ and charts ๐ from simple textโbased descriptions Now if you use Client components in React and if you make them async, you get an error asking you if you are sure? well this PR โ๏ธ helps that issue and needs to happen before it can be a reality. Want beautiful icons for your project? Look no further as the Lucide React library โ๏ธ just crossed 1M downloads We are all fans of ShadCN UI and I have been hearing great things about Solid UI โ๏ธ. This is the Solid version of Shadcn. Astro has been really surprising me lately. You can now have transitions without JavaScript ๐คฏ, you NEED to check this demo โ๏ธ. Did you miss last week's newsletter? well look no further, you can view this tweet for a quick visual. 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. ยท ๐ฅ Great job ยท ๐ You can do better ยท ๐ Not greatโ |
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, 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...
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...
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...