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

Wann dieses Rezept verwenden

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

Schritte

1

Generate app identifiers

Eingabeaufforderung:Generate UUID v4 for the application ID and initial database seed records
2

Create .env secrets

Eingabeaufforderung:Generate all application secrets: JWT_SECRET, SESSION_SECRET, ENCRYPTION_KEY, DATABASE_SALT
3

Design brand gradient

Eingabeaufforderung:Generate the app's brand gradient for primary buttons and hero sections
4

Design shadow system

Eingabeaufforderung:Generate the app's shadow system: sm, md, lg elevation levels
5

Set up SEO foundation

Eingabeaufforderung:Generate meta tag template for the app's pages
6

Dev-friendly security

Eingabeaufforderung:Generate development CSP that allows hot-reload and dev tools

Häufig gestellte Fragen

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.

Verwandte Rezepte