Issue #11 // June 15, 2023 // Open web version
🎥 Uploading files in NextJs 13 using Server Actions
– I'm still amazed at how much Server Actions can
enhance the Developer Experience. In this video by Hamed,
he demonstrates how you can use Server Actions to create a
file upload feature
A Visual Guide to the new App Router in Next.js 13
– An excellent introduction to the basic routing concepts
in Next.js 13. It covers nested, dynamic, and catch-all
routes in a way that's easy to understand
RSC From Scratch. Part 1: Server Components
– If you prefer learning through hands-on experience, you
should definitely check this out. In this guide, Dan
demonstrates how to build a simplified version of the
React Server Components architecture from scratch
Please support this newsletter by
♻️ retweeting the Twitter
thread
📙 Tutorials, Articles & Opinion
🎥 Did RSCs Really Turn React Into PHP?
– Next.js App Router vs PHP. Which one is faster? The
results are pretty surprising. Also featuring Rust ⚙️
Is React Having An Angular.js Moment?
– Another critical post on React Server Components and
although the title is definitely clickbaity, the article
is still worth reading
🐦 Manually trigger suspense/error boundaries
– Awesome tip by Delba on how to manually toggle Suspense
and Error boundaries in Next.js for debug purposes
📦 Packages / Tools / Repos
useLLM - Use Large Language Models in Your React App
– A React hook for integrating large language models like
ChatGPT and other AI-powered features in your Next.js apps
Airbroke
– A PostgreSQL-based Open Source Error Catcher built with
Next.js. Easy to deploy on Vercel and compatible with the
Airbrake client library
Free Tailwind landing page template
– A free landing page template built on top of TailwindCSS
and fully coded in React / Next.js
🌈 Related
The Costs & Benefits of React Server Components
– An in-depth exploration of React server components,
discussing their functionality, strengths, weaknesses, and
practical examples, with the goal to clarify when to use
RSC and when to consider alternative solutions
🐦 Next.js Docs content is now open-sourced
– Amazing update! Instead of ranting on Twitter, you can
now actively participate in improving the Next.js Docs if
you find any gaps or confusing areas.
Why do Client Components get SSR'd to HTML?
– Great visual explanation of the new mental model of
React after the introduction of React Server Components
Introducing Vercel's AI Accelerator
– Vercel is launching an AI Accelerator. You can apply if
you are working on an AI product and get access to the
amazing perks such as coaching sessions, API credits from
the top AI platforms and access to a private community
|