Issue #10 // June 1, 2023 // Open web version
Welcome to the 10th edition of Next.js Weekly! 🥳 It's hard to believe that just two months ago, I started this newsletter. Since then, Next.js Weekly has grown exponentially. Today, we have an incredible community of over 3000 subscribers, including Indie Hackers, FAANG engineers, and other passionate Next.js developers. I am super grateful for this level of interest and support. Thank you so much for being a part of this amazing journey! 🙏❤️
React Roundtable: Server Components, Suspense, and
Actions
– 10 years ago, on 29th of May, the React Repository
received its very first commit. To celebrate this Vercel’s
Delba de Oliveira hosts an exciting roundtable discussion
with Andrew Clark and Sebastian Markbage from the React
core team, diving into React, Server Components, Suspense,
and the future of React
A better learning path for React with server
components
– In this post Sebastien suggests a new way of
teaching/learning React by starting with Next.js and RSCs
instead of focusing on client-only React first.
Isomorphic Development
– An insightful discussion about the hidden complexities
with React Server Components and isomorphic code
Please support me in growing our community of readers by
♻️ retweeting the Twitter
thread
📙 Tutorials, Articles & Opinion
🎥 Sitemap, RSS Feed, & Static Routes with Next.js
App Router
– Learn how to build your sitemap.xml and use static route
handlers to generate static files like RSS feeds and JSON
files
Deploying Multi Zones on Vercel with Next.js
– Daniel demonstrates the use of Next.js' "multi
zones" feature, configuring rewrites, assigning
custom domains, and successfully deploying multiple zones
within a single app
Project Organization and File Colocation
– Learn how to organize your Next.js project and colocate
files
🎥 I Quit tRPC. Here's What I Do Instead
– If you are a fan of tRPC and want to use it with Next.js
13's Route Handlers, you're out of luck for now.
However, in this video, Josh provides an alternative
solution for achieving end-to-end type safety.
📦 Packages / Tools / Repos
Open Previews
– Looking for a free alternative to Vercel’s paid preview
comments feature? Open Previews is easy to set up and
fully open source. It’s built with Astro and is using
Github Discussions to store the data
Papermark
– Papermark is an open-source document sharing alternative
to DocSend. Built with Next.js, NextAuth and Prisma
t3-turbo-and-clerk
– A t3 Turbo starter with Clerk as the auth provider.
Next.js Resume Template
– Free and open-source resume template inspired by
read.cv. It's built with Next.js 13, Tailwind CSS,
and most importantly, supports dark mode 😎
🌈 Related
The Interactive Guide to Rendering in React
– This insightful post does a great job explaining what
rendering is in React and when React decides to re-render
a component. Highly recommend this!
🐦 Run Python and JavaScript in the same app
– This is pretty cool! One great use case of this is to
write Next.js apps that use Python AI libraries on the
backend
🎙️Podcast: React Server Components with Dan Abramov
– Recently Dan and Joe Savona (UI engineer at Meta) joined
the JavaScript Jabber Podcast to talk about RSCs: What it
is, how it's implemented and the services it offers
to the clients
RSCs are going mainstream 🎉
|