File Storage
Sign inStart free
Docs menu

Guides

Framework guides

End-to-end walkthroughs from an empty project to a tested, production-ready file manager.

Pick your framework

React A Vite + React + TypeScript app with a reusable <FileManager /> component. Next.js App Router: load the CDN once in the root layout and mount through a useFileStorage hook. Vue 3 A Vite + Vue 3 + TypeScript app with a <FileManager /> single-file component. Nuxt Nuxt 3/4: a client-only plugin exposes $fileStorage.mount() to every component. Angular A standalone Angular component on its own route, mounted outside the Angular zone. HTML / JavaScript No framework or build step: one HTML file and a script tag.

What every guide covers

  1. Prerequisites: API key, registered websites, and a storage backend.
  2. Install: scaffold the project and load the SDK from the CDN in the right place for the framework.
  3. Integrate: environment variables, TypeScript types, a component that mounts and cleans up, and a route.
  4. Storage: your own S3 proxy, or Managed storage with no AWS keys.
  5. Test: a manual checklist, an offline unit test, and a Playwright end-to-end test.
  6. Production: domains, environment, build, and Content Security Policy.