#46: New Vercel Pricing, Memory Usage Docs, Long-Running Tasks, Functional UI Kit

Global progress in Next.js – Comprehensive, interactive guide on React Transitions and how they can be used to build a composable progress bar component

Workshop: React Server Components and Actions – Understand React Server Components and Server Actions by building a framework from scratch. No build tools. No TypeScript, no Vite, no JSX. Just the Browser, Node.js, and React

Authentication in Next.js – This tutorial covers using Lucia Auth for implementing a basic authentication flow with sign up, sign in, sign out, and protected routes

Next.js authentication using Clerk, Drizzle ORM, and Neon – Explains how to setup Neon, run database migrations and implement authentication with Clerk

Docs: Memory Usage – New docs on strategies and techniques to optimize memory and address common memory issues in Next.js

How to Add a Sitemap & RSS Feed in Next.js App Router – Sitemaps and RSS feeds may feel like dated technology, but they’re critical components of making a blog or content-driven site discoverable

More:

• 𝕏 Reusable YouTube channel server component
• 𝕏 Deploy Next.js on a VPS
• ► How cookies() uses AsyncLocalStorage

Functional UI Kit – A component library with the goal of ensuring consistency between your Figma design and React components.

Demystify Next.js Hydration Errors – Understand what's causing the server-client mismatch. Sentry shows a video-like recreation of the error and the HTML diff before/after React hydrates. Learn about monitoring Next.js with Sentry.

next-video v1.0 🚀 – We covered this package in a previous issue. Since then, several features have been added, such as custom UI, video preview thumbnails, and support for additional storage providers

TWBlocks – Beautifully designed UI blocks for your website. Easily customizable with shadcn-ui themes

next-server-task – Execute long running tasks on Next.js edge API handlers

More:

• 𝕏 Payload 3.0 beta is now available - Running fully on the Next.js app router
• Cascade - Open source Next.js boilerplate based on T3 stack

► Every React 19 Feature Explained in 8 Minutes – Packs all the new and upcoming features and updates of React 19 into a quick video

Improved infrastructure pricing – Hobby remains free, Pro has reduced prices on bandwidth and functions, and more granular usage metrics for all plans.

𝕏 Self-host Supabase on Digital Ocean – A 5 minute video guide by the CEO of Supabase

► How to protect your Vercel site from attackers – Learn how you can quickly lock down traffic and protect against DDoS attacks with Vercel's Attack Challenge Mode

More:

• Fast JSX coming to React.js
• New Next.js runtime on Netlify