#8: Data Fetching, SEO, Intercepting Routes, Next.js on Cloudflare, React from Another Dimension

Data fetching with React Server Components – BuildUI just launched an amazing course about fetching data in React Server Components. The first two videos show you step-by-step how to use Prisma to fetch and paginate data directly within a server component.

The Next.js 13 App Directory and Server Components: What You Need to Know – Next.js 13.4 came out two weeks ago, but not everyone had the chance to go through the documentation and catch up on all the latest updates. Thankfully, this fantastic article provides a brief overview of the new additions and the key differences between the old /pages directory and the fresh /app directory.

How I built an event ticketing system with Next.js and Firebase – David takes a deep dive into the step-by-step process of setting up an event ticketing system. He walks you through setting up authentication, creating an event, and sending invites using EmailJS

SEO in Next.js 13 with Metadata API – Want to optimize your website for search engines? Checkout this article and learn how to use the new Metadata API in Next.js.

Next.js vs the world – Great read about the changing landscape of web development and the growing popularity of Next.js

🐦 Next.js on Rails..? – shadcn shares their experimental way of structuring code in the new app directory and accidentally reinvents the MVC pattern in Next.js

🐦 Using Next.js's Intercepting Routes – Check out this amazing animated visualization by Lydia (Staff DX at Vercel) to better understand the concept behind Next.js’s Intercepting Routes feature.

t3-env – Validated and type-safe environment variables with the power of Zod

next-on-pages – A CLI tool for developing Next.js applications that run on Cloudflare Pages

Clover – Clover enables you to define type-safe and self-documenting server routes through Zod and OpenAPI

zoo – A playground for comparing AI image models built with Next.js

🎥 React from Another Dimension – I am repeatedly amazed by Dan's in-depth knowledge of React and how effectively he can teach it to others. To describe this talk in Dan’s own words: “Imagine a world where JavaScript was mature in 2003 and had a similar role to PHP. would React exist? and how would it evolve over time?“

Dodging the Vercel Tax – While the idea of storing data on the same hosting platform is great, Vercel Storage may be too pricey for some. This article shows how you can achieve a similar experience using Wundergraph.

Instant Rollback is generally available on Vercel – With Instant Rollback you can quickly revert to a previous production deployment, making it easier to fix breaking changes

Cloudflare database integrations – If you’re hosting your Next.js app on Cloudflare Pages I have some great news for you! You can now connect your Cloudflare Worker in a few clicks with database providers like Neon, PlanetScale and Supabase