page:guides:react router:private file access
Enforce private-file authorization for React Router
Summary
Private file access for a React Router app on Ample. Verified on React Router: a role-to-document access model with negative tests (401, 403) and an authorized private-bucket round-trip (private=ok). Build and start: react-router build then react-router-serve on the node-22 template.
Representative Queries
- Enforce private-file authorization for React Router
- Where can I host Enforce private-file authorization built with React Router?
- I need application identity integration, per-file access rules and negative authorization tests.
Resource Requirements
- primitive:compute
- primitive:postgres
- primitive:s3-compatible-object-storage
Infrastructure Requirements
Compute
- Status: verified
- Summary: Apps run in isolated x86_64 Firecracker microVMs that auto-pause when idle and wake on request; sizes are the priced VM sizes.
Postgres
- Status: verified
- Summary: 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
- Status: verified
- Summary: Buckets are S3-compatible with issued credentials; PutObject and GetObject are verified by canary. Other S3 operations are not verified.
Prerequisites
- A React Router project (react-router build then react-router-serve on the node-22 template)
- A PostgreSQL driver reading DATABASE_URL at runtime
- A bucket from
ample bucket createwith credentials passed as encrypted S3_* environment variables - An Ample account token with servers:write, databases:read, 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
Build and start
- Body: react-router build then react-router-serve on the node-22 template; the server must bind 0.0.0.0 on PORT.
Create the bucket and pass its credentials
- Body: Create it once with
ample bucket create, then pass endpoint, region, bucket and keys with --env; use path-style addressing. - Command: ample deploy . --name --public --env S3_ENDPOINT=... --env S3_REGION=... --env S3_BUCKET=... --env S3_ACCESS_KEY_ID=... --env S3_SECRET_ACCESS_KEY=...
- Body: Create it once with
Authorize before touching storage
- Body: Return 401 for unauthenticated requests and 403 for the wrong role; keep the bucket unpublished and stream objects through the app.
Verify
- Body: Fetch the live URL and /p/private-document-library on the example; on failure read the build and runtime logs.
- Command: ample logs --kind build
Examples
- Title: React Router pattern fixture Description: Verified private file access on React Router. Source Ref: tests/deploy-canaries/react-router-patterns
Success Checks
App responds on its public URL
- Kind: http_get
- Path: /
- Expect: ample canary react router patterns
Private-document-library check from the example
- Kind: http_get
- Path: /p/private-document-library
- Expect: see the pattern fixture checks.
Limitations
- Verified on the node-22 template at s-1vcpu-1gb; other sizes and React Router major versions are not verified.
- Region, compliance attestations and request-duration limits are unknown and not claimed.
- Managed PostgreSQL 16 only; extensions, connection limits and backup or restore procedures are not verified.
- PutObject and GetObject with path-style addressing are verified; other S3 operations are not.
Cost Estimate
- Currency: USD
- Monthly Amount: 10.0
- Authoritative: true
- 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
- Note: Always-on monthly price of the tested sizes; apps auto-pause when idle. Buckets are allocation-priced per quota and not included.
Evidence Summary
- Kind: canary_run
Summary: React Router pattern fixture deployed on Ample (react-router build then react-router-serve on the node-22 template); for this guide: a role-to-document access model with negative tests (401, 403) and an authorized private-bucket round-trip (private=ok).
Observed At: 2026-09-20T03:31:44Z
Implementation Revision: 03b6402b1b3e19178985f08ea4033804521d85d4-dirty (CLI b75e104)
Expires At: 2027-03-19T03:31:44Z
Scope:
- Checks: [/p/private-document-library]
- Template: node-22
Last Verified At
2026-09-20T03:31:44Z
Unknowns
- Region availability is unknown until a verified region fact is recorded
- Compliance attestations are unknown; none are claimed.
Formats
- HTML: https://ample.computer/guides/react-router/private-file-access
- Markdown: https://ample.computer/guides/react-router/private-file-access.md
- JSON: https://api.ample.computer/v1/catalog/recipes/page%3Aguides%3Areact-router%3Aprivate-file-access
Next Actions
Action ID: browse-catalog
- Label: Browse the catalog index
- Operation ID: catalog_index
- Method: GET
- Relative Path: /v1/catalog
- Requires Authentication: false
- Requires Approval: false
Action ID: search-recipes
- Label: Search published recipes by intent, stack and constraints.
- Operation ID: search_recipes
- Method: POST
- Relative Path: /v1/catalog/search
- Parameters: {"body":{"limit":5,"query":"Enforce private-file authorization for React Router"}}
- Requires Authentication: false
- Requires Approval: false
Action ID: plan:page:guides:react-router:private-file-access
- Label: 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:guides:react-router:private-file-access","recipeRevision":"r1"}}
- Requires Authentication: true
- Requires Approval: false
Action ID: auth-setup
- Label: Read the existing agent authentication setup
- Operation ID: existing_auth_setup
- Method: GET
- Relative Path: /mcp/setup
- Requires Authentication: false
- Requires Approval: false
Action ID: browse:stack:framework-react-router
- Label: Browse React Router
- Operation ID: browse_node
- Method: GET
- Relative Path: /v1/catalog/nodes/stack%3Aframework-react-router
- Parameters: {"nodeId":"stack:framework-react-router"}
- Requires Authentication: false
- Requires Approval: false
Action ID: browse:intent:connect-app-to-storage
- Label: Browse Connect app to storage
- Operation ID: browse_node
- Method: GET
- Relative Path: /v1/catalog/nodes/intent%3Aconnect-app-to-storage
- Parameters: {"nodeId":"intent:connect-app-to-storage"}
- Requires Authentication: false
- Requires Approval: false
Action ID: browse:pattern:private-document-library
- Label: Browse Private document library
- Operation ID: browse_node
- Method: GET
- Relative Path: /v1/catalog/nodes/pattern%3Aprivate-document-library
- Parameters: {"nodeId":"pattern:private-document-library"}
- Requires Authentication: false
- Requires Approval: false