page:recipes:client portal:nuxt:private documents
Host client portal with Nuxt: private documents
Deploy a client portal built with Nuxt on Ample using the private document 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. Verified on Nuxt: a role-to-document access model with negative tests (401 without identity, 403 for the wrong role) and a private-bucket round-trip for the allowed role (private=ok). Not separately tested: your identity integration and role assignments; treat the client portal-specific behavior as your application code.
Representative Queries
- Host client portal with Nuxt: private documents
- Where can I host Client portal built with Nuxt?
- I need a role-to-document access model and negative authorization tests.
Resource Requirements
- primitive:compute
- primitive:postgres
- primitive:s3-compatible-object-storage
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.
- 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.
- S3-compatible object storage: Buckets are S3-compatible with issued credentials; PutObject and GetObject are verified by canary. Other S3 operations are not verified.
Workflow Steps
- Build and start:
nuxt buildthennode .output/server/index.mjs(reads HOST and PORT) on the node-22 template. The server must bind 0.0.0.0 on PORT. - Implement the pattern on PostgreSQL: The fixture's module implements private document library: a role-to-document access model with negative tests (401 without identity, 403 for the wrong role) and a private-bucket round-trip for the allowed role (private=ok). Copy the approach into your schema; keep migrations idempotent and run them with --release-command.
- 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.
- 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=... - Verify: Fetch the live URL and the pattern self-test route(s) (/api/p/private-document-library) from the example; then run your own checks. On failure read
ample logs --kind buildthen--kind runtime.ample logs --kind build
Success Checks
- App responds on its public URL:
http_getpath:/, expect:ample canary nuxt patterns - Private-document-library self-test:
http_getpath:/api/p/private-document-library, expect:private=ok (with ?role=owner; 401 without, 403 for viewer)
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 client portal itself (your identity integration and role assignments) is application code and was not separately tested; the pattern checks are what was verified.
Cost Estimate
- Currency: USD
- Monthly Amount: 10.0 (authoritative)
- Basis: Size prices from pricing.toml (loaded by the API) at build revision 1ac5595375130d45290090e82ed0f554ccd45405-dirty
- Components:
- App server: size
s-1vcpu-1gb, quantity 1.0, monthly amount 5.0 - Managed PostgreSQL database: size
s-1vcpu-1gb, quantity 1.0, monthly amount 5.0
- App server: size
- 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.
Next Actions
- Browse the catalog index: operation ID:
catalog_index, method:GET, relative path:/v1/catalog - Search published recipes by intent: operation ID:
search_recipes, method:POST, relative path:/v1/catalog/search, parameters: {"body":{"limit":5,"query":"Host client portal with Nuxt: private documents"}} - Prepare a side-effect-free deployment plan: operation ID:
plan_deployment, method:POST, relative path:/v1/catalog/plan, parameters: {"body":{"inputs":{},"projectId":"","recipeId":"page:recipes:client-portal:nuxt:private-documents","recipeRevision":"r1"}}