#47: Vercel ditching Edge Rendering, Next.js 14.2, CSS in RSCs, View Transitions

Next.js 14.2 – The latest update includes reduced build memory usage, new option for invalidating the client-side router cache (finally) and better hydration mismatch errors

► From 0 to Production - The Modern React Tutorial – A three-hour course by the creator of the T3-stack, covering the process of building a modern full-stack application with Next.js, Clerk, and Upstash

CSS in React Server Components – This post explores the compatibility issues between React Server Components and CSS-in-JS libraries like styled-components. You’ll understand what the issue is, what options you have, and what’s on the horizon.

Server-only Code in Next.js App Router – Explains how to define server-only code in Next.js app router for better application security, performance, and maintainability

Boosting Performance with Next.js and RSCs – A case study on how switching to the latest version of Next.js and using React Server Components improved the performance and user experience of their website's users

► Where should this component run? – A quick guide on how to decide whether a component should run on the server or on the client

More from 𝕏:

• "use client" is a bundling feature
• Why does Next.js have metadata-specific APIs?
• So, Vercel reverted all edge rendering

Next.js View Transitions – Easy-to-use CSS View Transitions API helpers for Next.js App Router.

New Auth.js docs released 🚀 – The Auth.js documentation has undergone a complete rewrite. The content is now better organized and includes comprehensive guides for popular authentication flows

Next.js Image Transformation – A drop-in, self-hosted replacement for Vercel's Next.js image optimization service.

declarative-routing – Enables typesafe routing in Next.js with support for URL and search parameters

More tools:

• UV Canvas – An open source React.js component library for beautifully shaded canvas
• css2wind – A minigame for learning Tailwind CSS.

Why Cloudflare is the Best Alternative to Vercel – A detailed comparison of Vercel's pricing with that of Cloudflare's services. Compares hosting, compute, database and image optimization

How does useOptimistic() work internally in React? – Utilizing optimistic UI is a common trick in UI development to improve the perceived performance. useOptimistic() is a hook to help build it in React. Learn how this hook works internally

Vercel Just Changed its Pricing – Vercel recently announced a change in their pricing strategy. This post explains how these changes impact current users and offers tips for optimizing your apps to reduce potential costs

New Flow Language Features for React – Flow is Meta’s static type-checker and serves as the (less popular) alternative to TypeScript. In the latest update, the language received first-class support for React primitives, including components and hooks