The example app from the CReact tutorial. Generates websites with Claude, deploys each to its own S3 bucket, manages them through an HTTP API and browser dashboard.
npm install
cp .env.example .env
Add your ANTHROPIC_API_KEY to .env. For AWS, either run aws configure or add AWS_ACCESS_KEY_ID and AWS_SECRET_ACCESS_KEY to .env.
API on http://localhost:3000, dashboard on http://localhost:8080.
# Generate a site
curl -X POST http://localhost:3000/generate -H "Content-Type: application/json" -d '{"prompt": "A landing page for a coffee shop"}'
# List sites
curl http://localhost:3000/list
# Update a site
curl -X POST http://localhost:3000/update/:id -H "Content-Type: application/json" -d '{"prompt": "Add a contact form"}'
# Delete one site
curl -X POST http://localhost:3000/cleanup/:id
# Delete all sites
curl -X POST http://localhost:3000/cleanup
playground/
├── index.tsx
├── src/
│ ├── app.tsx
│ ├── components/
│ │ ├── aws.tsx
│ │ ├── bucket.tsx
│ │ ├── channel.tsx
│ │ ├── claude.tsx
│ │ ├── generate-html.tsx
│ │ ├── http-server.tsx
│ │ ├── read.tsx
│ │ ├── s3-file.tsx
│ │ ├── website.tsx
│ │ └── write.tsx
│ ├── hooks/
│ ├── server/
│ ├── aws/
│ └── fs/
├── resources/
│ └── admin/
│ └── index.html
├── .env.example
└── package.json
Apache-2.0