ToolypetMCP
advanced8 minutescross hub

Full-Stack App Scaffold

Scaffold a full-stack app: generate UUIDs, set up auth, design CSS theme, configure SEO, and harden security.

full-stackscaffoldauthdesignseo

Cuándo usar esta receta

Start a new project with all foundations in place: unique identifiers, secure credentials, consistent design, search optimization, and security configuration.

Pasos

1

Generate app identifiers

Indicación:Generate UUID v4 for the application ID and initial database seed records
2

Create .env secrets

Indicación:Generate all application secrets: JWT_SECRET, SESSION_SECRET, ENCRYPTION_KEY, DATABASE_SALT
3

Gradient Generator

Probar esta herramienta

Design brand gradient

Indicación:Generate the app's brand gradient for primary buttons and hero sections
4

Box Shadow Generator

Probar esta herramienta

Design shadow system

Indicación:Generate the app's shadow system: sm, md, lg elevation levels
5

Set up SEO foundation

Indicación:Generate meta tag template for the app's pages
6

Dev-friendly security

Indicación:Generate development CSP that allows hot-reload and dev tools

Preguntas frecuentes

What should I set up first in a new project?

1) Version control and .gitignore, 2) Environment variables and secrets, 3) Authentication, 4) Basic CSS/design system, 5) SEO meta template, 6) Security headers. This recipe covers 2-6.

Should I use different secrets for dev and production?

Absolutely. Never share secrets between environments. Generate unique secrets per environment. Use a .env.example file with placeholder values for documentation.

Recetas relacionadas