This is a Next.js 16+ application bootstrapped with create-next-app and configured according to fullstackrecipes.com best practices.
- Framework: Next.js 16+ (App Router, Turbopack)
- Language: TypeScript (Strict)
- Styling: Tailwind CSS v4 + Shadcn UI
- Database: Neon Postgres + Drizzle ORM
- Auth: Better-Auth (Email/Password)
- Email: Resend + React Email
- Runtime: Bun
-
Install Dependencies:
bun install
-
Configure Environment: Copy
.env.exampleto.envand fill in your credentials:cp .env.example .env
DATABASE_URL: From your Neon dashboard.BETTER_AUTH_SECRET: Generated securely.RESEND_API_KEY: From your Resend dashboard.
-
Database Migration: Running migrations locally requires the
DATABASE_URLto be present in.env.bun run db:migrate
-
Start Development Server:
bun dev
bun dev: Start dev server with Turbopack.bun run build: Production build.bun run start: Start production server.bun run lint: Run ESLint.bun run typecheck: Run TypeScript check.bun run fmt: Format code with Prettier.bun run env:validate: Check environment variables.bun run db:generate: Generate Drizzle migrations from schema.bun run db:migrate: Apply migrations to database.bun run db:studio: Open Drizzle Studio.
Pushed to GitHub? Link to Vercel for automatic deployments.
Set usage of Bun in Vercel settings (Build Command: bun run build, Install Command: bun install).
Si estás utilizando un Agente de IA (como Windsurf, Cursor, o este mismo chat), puedes automatizar la infraestructura usando los siguientes servidores MCP:
Usa el servidor @neondatabase/mcp-server-neon para provisionar la DB sin salir del chat:
- Crear Proyecto: Pide al agente
create_project(name: "mi-app-fullstack"). - Obtener Credenciales: Usa
get_connection_string(project_id: "..."). - Configurar: El agente debe actualizar la variable
DATABASE_URLen tu archivo.env.
Usa el servidor de GitKraken para gestionar el versionado:
- Commit: Usa
git_add_or_commitpara guardar tus cambios. - Push: Usa
git_pushpara subir al remoto (asegúrate de haber añadido elremotepreviamente congit remote add origin ...).
Usa el servidor de Vercel para el despliegue final:
- Vincular: Pide al agente que investigue tus proyectos o cree uno nuevo.
- Variables de Entorno: Es CRUCIAL que pidas al agente sincronizar las variables:
DATABASE_URLBETTER_AUTH_SECRETRESEND_API_KEY
- Deploy: Usa la herramienta de despliegue o
vercel deploypara publicar.