Issue #9 // May 25, 2023 // Open web version
Next.js Project Structure and Naming Conventions – Vercel recently published a new documentation page to help you learn how file and folder naming conventions work in Next.js 13.
Opinionated notes on React Server components – Great write up about the pros and cons of React Server Components
🐦 Using React Context with Server Components – Excellent visualization by Alex explaining how a React Context Provider / Consumer can be used when there is a Server Component between them
Please support me in growing our community of readers by ♻️ retweeting the Twitter thread
📙 Tutorials, Articles & Opinion
Deploying Next.js on the edge with SST – Kolby, who is a senior engineering manager at Udacity, shares his experience of using SST and OpenNext to deploy a Next.js application on AWS.
Running Vercel Postgres Locally – Learn how to setup a local version of Vercel Postgres
🎥 Fullstack React Components – with no API – Take an early look at how to use Server Actions to build fully reusable full stack components – even ones that accept functions as props!
📦 Packages / Tools / Repos
roomGPT – Upload a photo of your room to generate your dream room with AI. An open-source AI SaaS built with Next.js, Prisma and NextAuth.
shadcn/ui Form Component – shadcn/ui just got extended with a new accessible form component. Check out the Tweet to learn about all of its features
nextjs-toploader – Use this component to show a slim YouTube like progress bar at the top of your page. Compatible with Next.js 13 app directory
mateonunez.dev – Fully open source portfolio page made with Next.js and Tailwind CSS. Great to use as reference for your own projects
Understanding React Concurrency – Short and great post about how concurrency works in React
🐦 Dealing with cold starts – Cold starts in serverless environments were recentlsy discussed quite controversial. Papa Dax shares a practical approach to handle this issue
🎧 Next.js 13.4 with Tim Neutkens – Check out this podcast to learn more about the Next.js App Router and get some information about the history of Next.js at Vercel and Server Components.