100 Next.js resources for developers

A lightweight TypeScript ORM that provides type-safety for SQL queries with zero overhead, ideal for serverless environments where cold starts matter.

A connection pooler and global cache for Prisma users that solves the 'too many connections' error in serverless functions.

A library for defining type-safe Server Actions with Zod validation, ensuring inputs are sanitized before hitting your database.

Pattern of fetching data directly within async components to eliminate the need for internal API routes and reduce client-side bundle size.

Using revalidatePath in Server Actions to trigger on-demand Incremental Static Regeneration (ISR) for immediate UI updates.

Next.js internal API for caching expensive database queries or third-party API results across multiple requests and users.

Implementing the useOptimistic hook to provide instant feedback on UI changes while Server Actions process in the background.

A serverless Postgres database that scales to zero and integrates with the Next.js Edge Runtime via a specialized driver.

A distributed database based on SQLite, optimized for low-latency access in Edge Functions and global deployments.

Using Promise.all() within Server Components to initiate multiple data requests simultaneously, reducing total page load time.

Managed authentication service providing pre-built components for user profiles, organization switching, and multi-factor auth.

Open-source authentication library rewritten for the App Router, supporting edge-compatible sessions and diverse OAuth providers.

Implementing Role-Based Access Control within middleware.ts to protect entire route segments based on JWT claims.

Purpose-built authentication for modern SaaS with native support for feature flags and multi-tenant environments.

A Node.js stateless session utility using signed and encrypted cookies to store data, useful for custom auth implementations.

Integrating Stripe Connect to allow platform users to accept payments, requiring complex account linking logic in Next.js routes.

A library that abstracts the session management and database interaction, giving full control over the user schema.

Rewriting requests in middleware to support user-specific subdomains (e.g., tenant.yourapp.com) using the Vercel Platforms starter pattern.

Syncing Next.js auth state with PostHog to track user journeys across server-side events and client-side interactions.

Configuring WebAuthn support within Next.js apps to allow biometric logins, reducing friction for mobile and desktop users.

A set of tools to build AI-powered streaming interfaces with hooks like useChat and useCompletion for real-time UI updates.

Using the @upstash/ratelimit library in middleware to prevent AI API abuse and manage cost per user.

Orchestrating complex chains and agents within Next.js Route Handlers to process document uploads and RAG workflows.

Leveraging the SDK to stream actual React components instead of just text, allowing for dynamic generative interfaces.

Storing and querying document embeddings within Next.js API routes to implement long-term memory for AI agents.

Configuring specific routes to use 'runtime: edge' to minimize TTFB (Time to First Byte) for streaming LLM responses.

Utilizing TanStack Table within shadcn/ui components to build high-performance, filterable dashboards for SaaS data.

Offloading image processing to Cloudinary while using next/image for automatic layout shifting prevention and lazy loading.

Deploying Next.js to AWS Lambda using SST to gain full control over infrastructure while maintaining serverless benefits.

Using @next/bundle-analyzer to identify large client-side dependencies and move them to the server or dynamic imports.