Bolt.new Prompts — Build Full-Stack Apps with AI

Build a {{app_type}} using {{frontend_framework}}, {{backend_framework}}, and {{database}}.

Core features:
- {{feature_1}}
- {{feature_2}}
- {{feature_3}}
- User authentication with email and password

Design: Clean, modern UI with {{primary_color}} as the accent color. Use a sidebar navigation layout. Mobile responsive. Include a loading state for async operations.

File structure: Keep components in src/components, pages in src/pages, and API routes in src/api. Use environment variables for any secrets.

Create a {{component_name}} component with the following specs:

Visual design:
- {{design_style}} aesthetic
- Rounded corners (8px border radius)
- Subtle shadow on hover
- Smooth transitions (200ms ease)

Functionality:
- {{interaction_1}}
- {{interaction_2}}
- Keyboard accessible (Tab, Enter, Escape)
- Loading and empty states

Props: {{prop_list}}

Use TypeScript. Export as default. Include JSDoc comments for each prop.

Add a RESTful API endpoint for {{resource_name}}.

Routes:
- GET /api/{{resource_name}} — list all with pagination (page, limit query params)
- GET /api/{{resource_name}}/:id — get single by ID
- POST /api/{{resource_name}} — create new (validate required fields: {{required_fields}})
- PUT /api/{{resource_name}}/:id — update existing
- DELETE /api/{{resource_name}}/:id — soft delete (set deleted_at timestamp)

Include:
- Input validation with descriptive error messages
- Try/catch with proper HTTP status codes (400, 404, 500)
- Response format: { success: boolean, data: T, error?: string }

Do not modify any existing routes or the frontend.

Create the database schema for a {{app_domain}} application.

Tables:
1. {{table_1}} — {{table_1_description}}
   Fields: id (UUID, primary key), {{table_1_fields}}, created_at, updated_at

2. {{table_2}} — {{table_2_description}}
   Fields: id (UUID, primary key), {{table_2_fields}}, {{table_1}}_id (foreign key), created_at, updated_at

3. {{table_3}} — {{table_3_description}}
   Fields: id (UUID, primary key), {{table_3_fields}}, created_at, updated_at

Relationships:
- {{table_1}} has many {{table_2}}
- {{table_2}} belongs to {{table_1}}
- {{table_2}} has many {{table_3}} (through join table)

Add indexes on foreign keys and any field used for filtering. Include seed data with 5 realistic sample rows per table.

Prepare this project for production deployment:

1. Environment variables:
   - Create a .env.example file listing all required env vars with placeholder values
   - Replace any hardcoded secrets, API URLs, or credentials with process.env references

2. Build optimization:
   - Add production build script to package.json
   - Configure {{bundler}} for tree-shaking and code splitting
   - Set up static asset caching headers

3. Docker (if applicable):
   - Create a multi-stage Dockerfile (build stage + production stage)
   - Add .dockerignore for node_modules, .env, and build artifacts

4. Health check:
   - Add GET /api/health endpoint that returns { status: "ok", timestamp: Date.now() }

Do not change any application logic or UI. Only add deployment infrastructure.

Add a {{feature_name}} feature to the existing app.

What it does:
- {{feature_description}}

User flow:
1. User {{step_1}}
2. System {{step_2}}
3. User sees {{step_3}}

UI placement: Add a {{ui_element}} to the {{location}} (e.g., button in the header, tab in the sidebar, section on the dashboard).

Data: Store {{data_description}} in the existing database. Add a new table if needed.

Constraints:
- Match the existing design system (colors, fonts, spacing)
- Do not break or restyle any existing features
- Add loading and error states
- Show a success toast notification on completion