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!
Keeping Server-Only Code out of Client Components
– This guide describes how to explicitly make a JavaScript
module server-only in your Next.js apps
📦 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
🌈 Related
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.
|