authentication
from andrelandgraf/fullstackrecipes
A Shadcn registry and collection of production-ready patterns and step-by-step guides (recipes) for full stack web AI apps
npx skills add https://github.com/andrelandgraf/fullstackrecipes --skill authenticationSKILL.md
Authentication
Complete authentication system with Better Auth, email verification, password reset, protected routes, and account management.
Prerequisites
Complete these recipes first (in order):
Type-Safe Environment Configuration
Type-safe environment variable validation using Zod with a Drizzle-like schema API. Supports server/public fields, feature flags, either-or constraints, and client-side protection.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/config-schema-setup
Neon + Drizzle Setup
Connect a Next.js app to Neon Postgres using Drizzle ORM with optimized connection pooling for Vercel serverless functions.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/neon-drizzle-setup
Next.js on Vercel
Create a Next.js app running on Bun, configure the development environment, and deploy to Vercel with automatic deployments on push.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/nextjs-on-vercel
Shadcn UI & Theming
Add Shadcn UI components with dark mode support using next-themes. Includes theme provider and CSS variables configuration.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/shadcn-ui-setup
Cookbook - Complete These Recipes in Order
Resend Setup
Configure Resend for transactional emails like password resets and email verification.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/resend-setup
Better Auth Setup
Add user authentication using Better Auth with Drizzle ORM and Neon Postgres. Base setup with email/password authentication.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/better-auth-setup
Better Auth Emails
Add email verification, password reset, and account management emails to Better Auth using Resend.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/better-auth-emails
Better Auth Components
Add UI components and pages for authentication flows including sign in, sign up, forgot password, reset password, and email verification.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/better-auth-components
Better Auth Profile & Account
Add a complete account settings page with profile editing, password changes, email updates, session management, and account deletion.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/better-auth-profile
Better Auth Protected Routes
Add server-side route protection to enforce authentication on specific pages while keeping others public.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/better-auth-protected-routes
Working with Authentication
Use Better Auth for client and server-side authentication. Covers session access, protected routes, sign in/out, and fetching user data.
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/using-authentication