page:recipes:public directory:nuxt:public media

Host public directory with Nuxt: object-stored public media

Deploy a public directory built with Nuxt on Ample using the public media library pattern. Compute runs the app in an isolated microVM behind a public HTTPS URL, a managed PostgreSQL 16 database is auto-provisioned and injected as DATABASE_URL, a private S3-compatible bucket holds objects with credentials delivered as encrypted environment variables, and a published bucket serves public assets from the CDN host. Verified on Nuxt: an object written to a published bucket with an immutable Cache-Control header, a mapping row, and the CDN URL serving it publicly. Not separately tested: your media processing, object layout, and cache policy; treat the public directory-specific behavior as your application code.

Representative Queries

Resource Requirements

Infrastructure Requirements

  1. Compute
    Apps run in isolated x86_64 Firecracker microVMs that auto-pause when idle and wake on request; sizes are the priced VM sizes.
  2. Postgres
    Managed PostgreSQL 16 runs in its own microVM and is auto-provisioned when an app needs a database and no DATABASE_URL is supplied.
  3. S3-compatible object storage
    Buckets are S3-compatible with issued credentials; PutObject and GetObject are verified by canary. Other S3 operations are not verified.
  4. CDN
    The CDN host serves objects from published buckets. It does not front app compute and is not a cache or key-value store.

Prerequisites

Tested Configuration

Workflow Steps

  1. Build and start
    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. Implement the pattern on PostgreSQL
    The fixture's module implements public media library: an object written to a published bucket with an immutable Cache-Control header, a mapping row, and the CDN URL serving it publicly. Copy the approach into your schema; keep migrations idempotent and run them with --release-command.
  3. 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.
  4. 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.
    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=...
  5. Verify
    Fetch the live URL and the pattern self-test route(s) (/api/p/public-media-library) from the example; then run your own checks. On failure read ample logs --kind build then --kind runtime.
    ample logs  --kind build

Examples

Success Checks

  1. App responds on its public URL
    • Kind: http_get
    • Path: /
    • Expect: ample canary nuxt patterns
  2. Public-media-library self-test
    • Kind: http_get
    • Path: /api/p/public-media-library
    • Expect: a CDN URL whose content is served publicly

Limitations

Cost Estimate

Evidence Summary

  1. Canary Run:
    • Summary: Nuxt pattern fixture deployed on Ample (nuxt build then node .output/server/index.mjs (reads HOST and PORT) on the node-22 template); checks passed for public-media-library and configuration-secrets. Pattern proof: an object written to a published bucket with an immutable Cache-Control header, a mapping row, and the CDN URL serving it publicly.
    • Observed At: 2026-09-20T03:31:44Z
    • Implementation Revision: 03b6402b1b3e19178985f08ea4033804521d85d4-dirty (CLI b75e104)
    • Expires At: 2027-03-19T03:31:44Z
    • Scope:
      • Checks: ["/api/p/public-media-library"]
      • Pattern: pattern:public-media-library
      • Template: node-22
  2. Canary Run:
    • Summary: The same Nuxt app deployed with a --release-command migration; the marker it created was readable after activation.
    • Observed At: 2026-09-20T01:54:51Z
    • Implementation Revision: 199ff1dfd52683832ae75d3f98b53a7a4bff7f96-dirty (CLI e3181f5)
    • Expires At: 2027-03-19T01:54:51Z
    • Scope:
      • Pattern: pattern:public-media-library

Last Verified At

2026-09-20T03:31:44Z

Formats

Next Actions

  1. Browse the catalog index
    • Operation ID: catalog_index
    • Method: GET
    • Relative Path: /v1/catalog
    • Requires Authentication: false
  2. Search published recipes by intent, stack and constraints
    • Operation ID: search_recipes
    • Method: POST
    • Relative Path: /v1/catalog/search
    • Parameters: { "body": { "limit": 5, "query": "Host public directory with Nuxt: object-stored public media" }}
    • Requires Authentication: false
  3. Prepare a side-effect-free deployment plan for an authorized project
    • Operation ID: plan_deployment
    • Method: POST
    • Relative Path: /v1/catalog/plan
    • Parameters: { "body": { "inputs": {}, "projectId": "", "recipeId": "page:recipes:public-directory:nuxt:public-media", "recipeRevision": "r1" }}
    • Requires Authentication: true
  4. Read the existing agent authentication setup
    • Operation ID: existing_auth_setup
    • Method: GET
    • Relative Path: /mcp/setup
    • Requires Authentication: false
  5. Browse Public directory
    • Operation ID: browse_node
    • Method: GET
    • Relative Path: /v1/catalog/nodes/workload%3Apublic-directory
    • Parameters: { "nodeId": "workload:public-directory" }
    • Requires Authentication: false
  6. Browse Nuxt
    • Operation ID: browse_node
    • Method: GET
    • Relative Path: /v1/catalog/nodes/stack%3Aframework-nuxt
    • Parameters: { "nodeId": "stack:framework-nuxt" }
    • Requires Authentication: false
  7. Browse Public media library
    • Operation ID: browse_node
    • Method: GET
    • Relative Path: /v1/catalog/nodes/pattern%3Apublic-media-library
    • Parameters: { "nodeId": "pattern:public-media-library" }
    • Requires Authentication: false
  8. Browse Deploy web app
    • Operation ID: browse_node
    • Method: GET
    • Relative Path: /v1/catalog/nodes/intent%3Adeploy-web-app
    • Parameters: { "nodeId": "intent:deploy-web-app" }
    • Requires Authentication: false