#52: tRPC Server Actions, React Query, cult/ui, Pigment CSS, Multi-Tenant SaaS

► Trying to attack the Vercel Firewall – Vercel Firewall was released during last week’s Ship event. In this video, Lee demonstrates how you can set up the Firewall to mitigate Denial of Service attacks, explains what types of attacks the Firewall protects against, and shows how to define custom rules and rate limits

Using Server Actions with tRPC – Explores how to integrate tRPC with Next.js server actions, highlighting the benefits of using tRPC for input validation, authentication, and authorization to enhance server actions' functionality and security

Enterprise Commerce – High performance, scalable Next.js eCommerce storefront, built with shadcn/ui and v0. Deployable with a single click

Combining React Server Components with react-query for Easy Data Management – Talks about the benefits and limitations of RSCs and explains how to use them in combination with React Query

► How to Use React's useOptimistic Hook – Learn how to use React's useOptimistic hook for instant UI updates in you Next.js project

React 19: The Code; How it works under the hood! – A two part article about Rafael’s journey of implementing a React 19-like framework from scratch

𝕏 RSC is more than server-driven UI – Guillermo highlights the benefits of server-side interactions for optimized data handling and enhanced security

Pigment CSS – A zero-runtime CSS-in-JS library that extracts the colocated styles to their own CSS files at build time

Conform – A type-safe form validation library. Compared to React Hook Form, this package is utilizing web fundamentals to progressively enhance HTML Forms

𝕏 Apollo: Prefetching queries for Client Components in RSC – Starting with version 0.11, the Next.js Apollo Client can preload data in RSC to populate the cache of your Client Components

cult/ui – Accessible and customizable components with beautiful animations that you can copy and paste into your apps.

Ultimate guide to multi-tenant SaaS data modeling – If you’re considering multi-tenant data, which all SaaS builders must, you should build “teams” functionality from day one. This guide explains how (and why)

Path To A Clean(er) React Architecture: Domain Entities & DTOs – Passing data structures of API responses directly to the UI code often isn’t ideal. This article explains how to isolate the React components from the server by separating data transfer objects (DTOs) and domain entities.

What's new in JavaScript Frameworks – An overview of what’s new in the JavaScript frameworks ecosystem over the past year

► The Story of React Query – React Query is used in 1 out of every 6 React applications. This is the story of why that is.