#4: Vercel Ship, PHP to RSCs, Precedent 2.0, Hot Takes 🌶️

Vercel Ship – Big news! Vercel has just announced their upcoming Ship Launch Week from May 1st to 5th. During this event, they will be introducing a new suite of products for both small developers and enterprises.

While we can only speculate at this point, it's possible that App Router will become stable in Next.js 13, based on some hints a Key/Value database will be introduced and probably there will also be some CI/CD projects related to Turborepo. Sign up on the landing page to receive further updates.

Building a blog with Next.js 13 and React Server Components – Learn how to build a performant and SEO-friendly blog with Next.js 13 and React Server Components. Max does a great job of providing practical examples and step-by-step instructions for each stage of the process, from setting up your project to deploying your website.

What problem does server components exactly solve? – It’s always great to take a break from the hype and evaluate the benefits of new technologies. This Reddit thread discusses the pain points solved by React Server Components.

🐦 How RSCs evolved from PHP – Dan Abramov explains the origins of React Server Components at Facebook and how they used it as an alternative to the classic MVC pattern on the server.

Precedent 2.0 – An open-source starter template to build your Next.js application. Version 2.0 is using the new App Router and comes with support for Metadata API, built-in auth with Route Handlers and support for Server Components

Vercel AI Playground – Send prompts to multiple AI models such as GPT-4, AnthropicAI and HuggingFace and compare the responses side-by-side. Share the results and auto-generate code snippets for Next.js and other frameworks.

Next SEO – Make managing SEO easier in your Next.js projects. Next SEO also comes with Open Graph and JSON-LD support.

next-intl – Minimalistic i18n library for your Next.js projects that comes with support for app directory and upcoming support for RSCs (currently in beta)

react-three-next – This is really cool! A minimalistic Next.js boilerplate that comes with react-three-fiber and three.js out of the box. Mix 3D components and DOM seamlessly and with great performance

🎥 Rich Harris: Hot takes on the web 🌶️ – I hugely recommend watching this. Rich Harris (creator of Svelte) shares his spicy takes on frontend trends, the edge, and the web.

Usage notification settings – Pro users on Vercel can now choose when to be notified in order to avoid unexpected high usage bills. This should improve the surprise runaway cost problem from last week

🎥 Secret React Server Component Patterns They Don't Want You To Know – NextJS 13's RSCs are just one vision of how we could use RSCs. The underlying technology gives us a lot more options. This video discusses how Wakuwork, a new framework, expands on those other possibilities.

Vercel Space 🤔 – Seems like Vercel is working on something called “Space”. Workspaces for teams or serverless rockets? What do you think?