#19: RSC Devtools, Caching, Commerce 2.0, Free Analytics Kit, RIP Jamstack

Devtools for React Server Components – There is not much going on in the field of devtooling for RSCs. Thankfully, Alvar decided to address this by creating a browser extension that can process the RSC data streamed from the server to the client. Although the tool is still in its early stages of development, this writeup is definitely worth reading.

The simplest example to understand Server Actions in Next.js – A great, beginner friendly introduction to the fundamentals of Server Actions. Covering how they work and what they are good for

Caching in Next.js – The Next.js documentation has added a fresh and highly informative page about caching. The page also includes beautiful visualizations that explain concepts like Request Memoization, Router Cache, and more in a clear and comprehensible way

Do Contexts in Next.js 13 Make the Whole App Render on the Client? – There has been a lot of confusion on this topic. In this post Dennis explains what you need to consider when using React Context with RSC

🎥 Build and Deploy a Full Stack MERN Next.js 13 Threads App – At an epic 6 hours, this isn’t a quick watch, but if you want to learn how to build your own X or Threads competitor with Next.js, I would definitely recommend this video course

9 Next.js Boilerplates to Try in 2023 – Boilerplates can help you kick-start your next project. This post provides 9 Next.js boilerplates focused on different use cases such as Blogs, AI, Multi-Tenancy and more

Building a Chat Application using Upstash Kafka, Redis and Next.js – A beginner-friendly tutorial to get started with using Web Sockets and Upstash services in Next.js

Introducing Next.js Commerce 2.0 – New version is using all the latest App Router features such as React Server Components, Server Actions, and more. Also it comes with support for popular ecommerce platforms like BigCommerce, Medusa, Saleor, Shopify, and Swell

Web Analytics Starter Kit – Deploy your own fully-functional web analytics dashboard for your site. GDPR compliant and supports custom events

gluestack-ui – Universal headless components that you can share between your Next.js and React Native apps

Next.js v13.4.13 – Minor release: NextRequest now supports request cloning, washed out image blur placeholders got fixed and some other nice changes

Senior Software Engineer (Frontend Lead) – Come lead Emerge's web platform, used by teams like DoorDash, Square, Dropbox & Airbnb (our stack: Next.js, React, TS, Vercel)

Frontend & Backend Defined – Malte (CTO @ Vercel) explores the ambiguity surrounding the terms "frontend" and "backend" in software development, emphasizing their relative nature and proposing clear definitions for effective communication

Partially Controlled Components: A Declarative Design Pattern in React – Most developers know controlled or uncontrolled components in React but in this post James introduces a new pattern: Partially Controlled Components

If Web Components are so great, why am I not using them? – Are you using web components to build the frontend of your apps? “Web Components have a marketing problem.” This thought piece summarizes the reasons why Web Components aren’t used much and what could’ve been done better in the past to avoid this.

Is Jamstack Officially Finished? – Do recent changes mean the end of the term Jamstack? Unfortunately, it looks like a yes.