#34: StyleX, Self-Healing URLs, AuthKit, Scaleable TailwindCSS, Layouts vs Templates, Faster Next.js Websites

▶ Stream Your Components From Next.js Server Actions – Far too few developers are aware that Server Actions can return interactive React components. This video explains how to leverage this capability to build an app using OpenAI's and Spotify's APIs

Guide to fast websites with Next.js – A collection of best practices and recommendations for building faster websites with Next.js

Next.js 14: Layouts vs Templates – Explains the differences between a layouts.tsx and templates.tsx file and demonstrates when to use each

Add user management to a Next.js site with React Server Components, Server Actions, and AuthKit – The company behind Radix UI recently released a new authentication platform with an open source UI called AuthKit. This tutorial shows how you can use it to add user management to your Next.js app

🎙️ Next.js 14 with Tim Neutkens – Tim Neutkens (Engineering Manager at Vercel) joins this episode of the PodRocket podcast to talk about all the new features in Next.js 14

How to set up self-healing URLs in Next.js for better SEO – Self-healing URLs allow for human-readable text, but also include a unique identifier that will always point to the correct page. This guide explains how to implement them in Next.js

StyleX – Meta has finally released StyleX, their CSS-in-JS library. The goal is to enable developers to build scalable and composable style systems without compromising runtime performance. Check out this launch post for more details

Redux Toolkit 2.0 – This week also brought a major release of the “must have” toolset for Redux based apps. Besides many breaking changes and updates to the underlying libraries, this release also includes a new docs page that covers how to set up Redux properly with Next.js

Email Editor – An open-source email template editor built with Next.js that allows you to create and customize responsive email templates with drag-and-drop

next-translate – A simple way to introduce internationalization to your Next.js apps.

What do we know about React Forget – React Forget is an upcoming compiler that the React team is currently developing. Its goal is to eliminate unnecessary rerenders in your components, thereby improving performance

The Pros and Cons of Using React Today – An in-depth look at the state of the React JavaScript framework — its strengths, its limitations, and how reliable it is for developers today

Polymorphism in React: 2 patterns you must know – A polymorphic component lets you change the underlying element that it renders by passing it as a property. This guide explains how to do that through the “as” and “asChild” props pattern

Tailwind has a scalability problem. How can we solve that? – Explaining two solutions for building more scaleable and maintainable Tailwind projects. (If you're a shadcn/ui user, you're already familiar with both of the recommended solutions)