## Host Public Directory with Nuxt: Public-Site Delivery

Deploy a public directory built with Nuxt on Ample using the public web service pattern. Compute runs the app in an isolated microVM behind a public HTTPS URL, and a published bucket serves public assets from the CDN host. Verified on Nuxt: a versioned, immutable-cached asset uploaded to a published bucket and served from the CDN URL alongside the app's own public HTTPS URL. Not separately tested: your site content and build; treat the public directory-specific behavior as your application code.

### Representative Queries
- Host public directory with Nuxt: public-site delivery
- Where can I host Public directory built with Nuxt?
- I need an explicit origin-to-CDN delivery path and a tested public content build.

### Resource Requirements
- **Compute**  
- **CDN**

### Infrastructure Requirements
- **Compute**  
  Apps run in isolated x86_64 Firecracker microVMs that auto-pause when idle and wake on request; sizes are the priced VM sizes.
- **CDN**  
  The CDN host serves objects from published buckets. It does not front app compute and is not a cache or key-value store.

### Framework
**Nuxt**

### Workload
**Public Directory**

### Release Status
**Published**

### Support Status
**Verified**

### Execution Status
**Ready**

### Prerequisites
- A Nuxt project that builds and starts with the documented commands (nuxt build then node .output/server/index.mjs (reads HOST and PORT) on the node-22 template)
- A bucket from `ample bucket create` with its credentials passed as encrypted S3_* environment variables
- An Ample account token with servers:write, buckets:read

### Tested Configuration
- **Template:** node-22  
- **Runtime:** node  
- **Size:** s-1vcpu-1gb  
- **Install:** npm install  
- **Build:** npm run build --if-present  
- **Start:** npm run start

### Workflow Steps
1. **Build and start**  
   Run: nuxt build then node .output/server/index.mjs (reads HOST and PORT) on the node-22 template. The server must bind 0.0.0.0 on PORT.
2. **Wire object storage**  
   Create the bucket(s), then pass endpoint, region, bucket and keys as --env values. Use path-style addressing. Keep private data in an unpublished bucket. Publish only the bucket that serves public assets and reference its CDN URL.
3. **Deploy**  
   Run the synchronous deploy once and read the result (exit 0 live, 1 failed, 2 blocked). Re-running with no change is a no-op.  
   Command: ample deploy . --name  --public --env S3_ENDPOINT=... --env S3_REGION=... --env S3_BUCKET=... --env S3_ACCESS_KEY_ID=... --env S3_SECRET_ACCESS_KEY=... --env CDN_PUBLIC_URL=...
4. **Verify**  
   Fetch the live URL and the pattern self-test route(s) (/api/p/versioned-static-assets) from the example; then run your own checks. On failure read `ample logs  --kind build` then `--kind runtime`.  
   Command: ample logs  --kind build

### Success Checks
- **App responds on its public URL**  
  Kind: http_get  
  Path: /  
  Expect: ample canary nuxt patterns
- **Versioned-static-assets self-test**  
  Kind: http_get  
  Path: /api/p/versioned-static-assets  
  Expect: a CDN URL whose content is served publicly

### Limitations
- Verified on the node-22 template at s-1vcpu-1gb with the example fixture; other sizes, templates, and Nuxt major versions are not verified.
- The public directory itself (your site content and build) is application code and was not separately tested; the pattern checks are what was verified.

### Cost Estimate
- **Currency:** USD  
- **Monthly Amount:** $5.00  
- **Basis:** size prices from pricing.toml (loaded by the API)  
- **Components:**  
  - **App Server:**  
    - Size: s-1vcpu-1gb  
    - Quantity: 1.0  
    - Monthly Amount: $5.00  
- **Note:** Always-on monthly price of the tested sizes; apps and databases auto-pause when idle. Buckets are allocation-priced per quota and not included.

### Evidence Summary
- **Canary Run**  
  Summary: Nuxt pattern fixture deployed on Ample; checks passed for versioned-static-assets and configuration-secrets.
- **Observed At:** 2026-09-20T03:31:44Z  
  - Implementation Revision: 03b6402b1b3e19178985f08ea4033804521d85d4-dirty  
  - Expires At: 2027-03-19T03:31:44Z

### Formats
- [HTML](/content/recipes/public-directory/nuxt/public-site/index.html)  
- [Markdown](/content/recipes/public-directory/nuxt/public-site.md)  
- [JSON](https://api.ample.computer/v1/catalog/recipes/page%3Arecipes%3Apublic-directory%3Anuxt%3Apublic-site)

### Next Actions
- **Browse the Catalog**: [API Catalog Index](/v1/catalog)  
- **Search Recipes**: Search published recipes by intent, stack, and constraints  
- **Prepare Deployment Plan**: [Deployment Plan](/v1/catalog/plan)  
- **Existing Auth Setup**: [Auth Setup](/mcp/setup)  
- **Browse Public Directory**: [Public Directory](/v1/catalog/nodes/workload%3Apublic-directory)  
- **Browse Nuxt**: [Nuxt](/v1/catalog/nodes/stack%3Aframework-nuxt)  
- **Browse Public Web Service**: [Public Web Service](/v1/catalog/nodes/pattern%3Apublic-web-service)  
- **Browse Deploy Web App**: [Deploy Web App](/v1/catalog/nodes/intent%3Adeploy-web-app)