nextjs-fullstack
Installation
SKILL.md
This skill codifies an opinionated fullstack Next.js stack for building production web applications. It defines architecture patterns, file conventions, and best practices to ensure consistency across projects.
Use when: starting a new project, onboarding a developer to the stack, or reviewing code for pattern compliance.
The Stack
| Layer | Technology | Version | Purpose |
|---|---|---|---|
| Framework | Next.js | 16+ | App Router, RSC, Server Actions |
| Language | TypeScript | 5.x | Strict mode enabled |
| Styling | Tailwind CSS | v4 | Utility-first, CSS variables |
| Components | shadcn/ui | latest | Copy-paste primitives, Radix-based |
| Auth | Better Auth | latest | Email/password, OAuth, sessions |
| Database | Drizzle ORM | latest | Type-safe SQL, migrations |
| DB Provider | PostgreSQL | (via Neon/Supabase/local) | Production database |
| Animations | Framer Motion | latest | LazyMotion + m for tree-shaking |
| Forms | React Hook Form + Zod | latest | Validation, Server Actions |
| Nodemailer | latest | Transactional emails | |
| Hosting | Vercel | — | Auto-deploy, edge functions |