Issue #53 // Jun 21, 2024 // Read online |
|
► Next.js: Authentication – A guide fresh out of Vercel covering authentication best practices for Server Components, Server Actions, Middleware and how to create a Data Access Layers in Next.js apps
Data Fetching Patterns in Single-Page Applications – Pretty long read, but definitely worth it. The article explains how to implement patterns such as async state handling, parallel data fetching, fallback UI, and code splitting in React apps
⚡️ Sponsor
Run GitHub Actions up to 2x faster and 50-75% cheaper – Blacksmith provides a drop-in replacement for GitHub Actions runners that use modern gaming CPUs instead of GitHub's decade-old server hardware. It's a one-line code change and takes under 5 minutes to integrate.
📙 Tutorials, Articles & OpinionBuild a modern authenticated chat application with Next.js, Ably, and Clerk – Learn how to implement a chat application with Next.js, including user authentication, roles, and message history
Hybrid i18n with Next.js and Astro – A 4-part journey in search of the perfect internationalization (i18n) system for hybrid frameworks
Structured logging for Next.js – Using the Pino logging library to add structured logging to Next.js
Cleaner components with useSuspenseQuery – A quick guide on how your can use React Suspense to simplify the code in your components
More:📦 Packages / Tools / ReposAnnouncing TypeScript 5.5 RC – Type predicate inference, more type narrowing, an @import tag for JSDoc, the --isolatedDeclarations flag, performance & reliability improvements, and much more. Check out Theo’s video “The Biggest TypeScript Update In Years”
𝕏 next-safe-action v7 🚀 – next-safe-action is a library for validating Server Action inputs. In the latest release, the library has been completely rewritten, offering a new API and features like middleware support and the ability to choose schema validation libraries other than Zod
Organize Your Prisma Schema into Multiple Files in Prisma v5.15 – With Prisma ORM 5.15.0 you can now use multiple Prisma Schema files instead of just one. Learn how to enable this feature and check out a real-world example
Turborepo 2.0 – Another major release! Version 2.0 comes with a new terminal UI, better logs and integrated watch mode
More:
🌈 RelatedReact 19 and Suspense - A Drama in 3 Acts – There was a lot of drama on X last week due to a performance-impacting change in how Suspense will behave in React 19. This article explains the entire situation in detail
The evolution of Serverless Postgres – A comparison of the feature sets and pricing models of Amazon's serverless Postgres vs Neon
Why We Don't Have a Laravel For JavaScript... Yet – Explores why JS lacks batteries-included frameworks as popular as Laravel or Rails. The Wasp (a fullstack JS framework) DevRel author is probably a bit biased, but it's an interesting read
I tried React Compiler today, and guess what… – Investigating whether we can forget about memoization in React, now that the React Compiler is open-sourced
|