## Host client portal with Next.js: tenant-scoped workspaces

### Summary
Deploy a client portal built with Next.js on Ample using the multi-tenant relational data 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. Verified on Next.js: a tenant column on every row and query, with a cross-tenant read returning nothing (tenant_isolation=ok). Not separately tested: your tenant model, membership and per-tenant authorization; treat the client portal-specific behavior as your application code.

### Representative Queries
- Host client portal with Next.js: tenant-scoped workspaces
- Where can I host Client portal built with Next.js?
- I need an explicit tenant model and application-enforced tenant isolation tests.

### Resource Requirements
- Compute
- Postgres

### 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.

### Prerequisites
- A Next.js project that builds and starts with the documented commands (next build then next start -H 0.0.0.0 -p $PORT on the node-22 template)  
- A PostgreSQL driver reading DATABASE_URL at runtime (auto-provisioned when omitted, or supplied with --env)  
- An Ample account token with servers:write, databases: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**  
   `next build then next start -H 0.0.0.0 -p $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 multi-tenant relational data: a tenant column on every row and query, with a cross-tenant read returning nothing (tenant_isolation=ok). Copy the approach into your schema; keep migrations idempotent and run them with --release-command.
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`
4. **Verify**  
   Fetch the live URL and the pattern self-test route(s) (/p/multi-tenant-relational-data) from the example; then run your own checks. On failure read `ample logs  --kind build` then `--kind runtime`.  
   Command: `ample logs  --kind build`

### Examples
1. **Next.js pattern fixture**  
   Multi-pattern Next.js app whose multi-tenant relational data module was checked live; the module is under tests/deploy-canaries/_pattern-modules.

### Success Checks
- App responds on its public URL  
  - Kind: http_get
  - Path: /  
  - Expect: ample canary next js patterns
- Multi-tenant-relational-data self-test  
  - Kind: http_get
  - Path: /p/multi-tenant-relational-data
  - Expect: tenant_isolation=ok

### Limitations
- Verified on the node-22 template at s-1vcpu-1gb with the example fixture; other sizes, templates and Next.js major versions are not verified.
- The client portal itself (your tenant model, membership and per-tenant authorization) is application code and was not separately tested; the pattern checks are what was verified.

### Cost Estimate
- Currency: USD  
- Monthly Amount: 10.0  
- 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.  
**Components:**  
- App server: s-1vcpu-1gb - $5.0  
- Managed PostgreSQL database: s-1vcpu-1gb - $5.0

### Evidence Summary
- **Canary Run**: Next.js pattern fixture deployed on Ample; checks passed for multi-tenant-relational-data and configuration-secrets.

### Formats
- [HTML Format](/content/recipes/client-portal/next-js/tenant-workspaces/index.html)  
- [Markdown Format](/content/recipes/client-portal/next-js/tenant-workspaces.md)  
- [JSON Format](https://api.ample.computer/v1/catalog/recipes/page%3Arecipes%3Aclient-portal%3Anext-js%3Atenant-workspaces)

### Next Actions
1. **Browse the catalog index**
2. **Search published recipes by intent, stack and constraints**
3. **Prepare a side-effect-free deployment plan for an authorized project**
4. **Read the existing agent authentication setup**
5. **Browse Client portal**
6. **Browse Next.js**
7. **Browse Multi-tenant relational data**
8. **Browse Deploy web app**