integrate-uppy-transloadit-s3-uploading-to-nextjs
Inputs
- Required env (server-only):
TRANSLOADIT_KEY,TRANSLOADIT_SECRET - Optional env:
TRANSLOADIT_TEMPLATE_ID(recommended once you create a template)
For local dev, put these in .env.local. Never expose TRANSLOADIT_SECRET to the browser.
Install
npm i @transloadit/utils @uppy/core @uppy/dashboard @uppy/transloadit
Implement (Golden Path)
Pick the root:
- If your project has
src/app, usesrc/app/... - Else use
app/...
More from transloadit/skills
transform-encode-hls-video-with-transloadit
One-off HLS encoding (local video -> HLS renditions + playlist) using Transloadit via the `transloadit` CLI. Prefer builtin templates (`builtin/encode-hls-video@latest`) and download outputs locally via `-o`.
41transform-generate-image-with-transloadit
One-off image generation (prompt -> image file) using Transloadit via the `transloadit` CLI. Prefer `image generate` for text-only and input-guided generation, and use `--output` when you need a deterministic path.
40transloadit
Main entry-point skill for Transloadit. Route to the right `integrate-*`, `transform-*`, or `docs-*` skill, and prefer executing via `npx -y @transloadit/node ...` (CLI) for deterministic behavior.
38docs-transloadit-robots
Offline lookup for Transloadit Robots and their parameter docs/examples via the `transloadit` CLI. Use to draft or validate `steps` JSON without guessing robot names/params.
38integrate-asset-delivery-with-transloadit-smartcdn-in-nextjs
Add Transloadit Smart CDN URL signing to a Next.js App Router project (server-side signing route + optional client demo page).
38transform-remove-background-with-transloadit
One-off background removal (local image -> transparent PNG) using the official `@transloadit/node` CLI. Use a minimal `/image/bgremove` steps JSON and download the result to an explicit `.png` path via `-o`.
30