#66: Atomic CSS Devtools, Wordpress + Next.js, Next-Forge, Suspense Magic, TanStack Start VS Next.js

next-forge – A monorepo template equipped with everything you need to launch your new SaaS app quickly. Includes authentication, billing, analytics, SEO, database ORM, and more.

Next.js Conf 2024: All Sessions – All sessions from this year’s Next.js Conf are now live! If you only have time for one, I highly recommend Aurora Scharff’s talk on how React Server Components can boost web app performance.

Arcjet - security as code for Next.js – Implement bot protection, rate limiting, email validation, PII detection, and defense against common attacks.

How to Build and Deploy a Headless WordPress with Next.js? – In-depth guide on how to combine Next.js and Wordpress to get the best of both worlds: proven CMS capabilities with the dynamic, modern experience that React applications offer

How to (not) reset a form after a Server Action in React – The default behavior of a form using Server Actions in Next.js is to reset the form state after submission. While this is ideal for successful requests, it’s not what you want in case of an error. This article explains how to handle that.

Using Shadcn UI without a Tailwind Config File – Step by step guide to using Shadcn UI with Tailwind CSS v4

Add an RSS Feed to a Next.js Blog – Explains how to integrate the feed npm package to implement an RSS feed in your Next.js app.

Atomic CSS Devtools – A browser extension for the devtools panel that lets you debug Atomic CSS rules as if they were traditional CSS. Compatible with TailwindCSS, Panda CSS, StyleX, and more.

next-validate-link – A tool that ensures all your Markdown links in your Next.js app are valid and up-to-date

next-ui-full-calendar – A flexible calendar component for React that allows you to create and manage events in day, week, or month views

@shipsecure/eslint-plugin-next – An ESLing plugin that identifies security pitfalls in your Next.js apps.

► The suspense quest Inside React's Magic – Have you ever wondered what makes Suspense work its magic? How does it know to display a fallback when a query is about to happen in a component below? This talk uncovers the secrets behind it.

► How React Compiler Performs on Real Code – The React Compiler Beta was released not too long ago, and the stable version should be arriving (hopefully) soon. If you need a refresher on what it is, what it does, and most importantly, how it works, this 25-minute talk is definitely for you.

Two ways to the two Reacts – An interesting read that explores React 19's shift toward a server-based model, while comparing Next.js's server-centric architecture with TanStack Start's client-centric approach.