#65: shadcn/ui for Next.js 15, Quicky, React Compiler Beta, Search Param Filtering, Roll Your Own Auth, Next.js Conf Recap

• ► Opening Keynote
• ► AMA: Next.js Team

Managing Advanced Search Param Filtering in the Next.js App Router – Explains how to set up search parameter filtering in the Next.js App Router, leveraging React 19 features like useOptimistic(), and why using a package like nuqs is often the best choice.

Hookdeck Vercel Middleware – "The Hookdeck integration for Vercel is so clean… git-based, framework-defined async endpoints that scale: pausing, observability, retrying & replaying, throttling…" - Guillermo Rauch, CEO, Vercel

How to roll your own auth in JavaScript & TypeScript – If you know what you’re doing, building your own authentication offers tremendous flexibility compared to using a package. This tutorial dives into the fundamentals of implementing session-based authentication in your Next.js apps.

► The Future of Next.js... in 100 seconds. – Quick overview of the new experimental Next.js APIs: 'use cache', cacheTag and cacheLife.

Generating PDF Invoices: Our Approach – An interesting look at how Midday uses React to implement PDF invoice generation

Importing CRM contacts with Next.js and OpenAI o1 – Learn how to build an automated data importer with OpenAI, Next.js and Inngest

Quicky – A CLI tool for seamless deployment, management, and maintenance of self-hosted Next.js projects, featuring GitHub integration, PM2 process management, automated domain/SSL setup, and configuration tracking

shadcn: Next.js 15 + React 19 – If you're using shadcn/ui in your project and attempted to upgrade to Next.js 15, you've likely encountered a series of error messages about incompatible package versions. This new guide walks you through how to resolve those issues.

tailwindcss-motion – A Tailwind CSS plugin offering a range of animation utility classes and presets, including fade-in/out, slide-in/out, shrink, shake, and more.

Next Flight Tracker – The flight tracker demo presented at Next.js Conf to showcase the new caching functionality, is now open source

React Compiler Beta Release – The React Compiler Beta is now available for early adopters. Since its first release, Meta has improved the compiler with numerous bug fixes, community contributions, and enhanced resilience for diverse JavaScript patterns. Also, it now comes with added backwards compatibility support for React 17 and 18.

Where web components shine – Dave shares insights on where web components excel and where they may fall short

Speeding Up React Apps With Large Context – Explores several methods to prevent unnecessary re-renders in components that rely on the same Context and introduces the “use-context-selector” package, which simplifies this process