Are you an LLM? Read llms.txt for a summary of the docs, or llms-full.txt for the full context.
Skip to content

Next.js app

A starter template for building a web product on DataPrism: a Next.js 15 app with a dashboard layout, an upload screen and a download screen, styled with Tailwind and shadcn/ui, ready to wire to the SDK.

Run it

The template lives in the repository under examples/with-nextjs.

cd examples/with-nextjs
pnpm install
pnpm dev

Open http://localhost:3000. You get the shell of a storage product: sidebar navigation, an Upload page and a Download page.

Wire it to the SDK

The template is intentionally UI-first, so the integration points are easy to find:

  • components/upload.tsx is where a selected file should go through FilePipeline.upload.
  • components/download.tsx is where view.file(name) and pipeline.download(index) belong.
  • The Node.js example shows exactly those calls; they work the same in the browser, with the signing client coming from the connected account instead of a private key.

In the browser, keys come from the user

Two patterns work. Server-side, use the project's Secret key from the dashboard, kept in your secret manager. Client-side, derive the encryption key from an account signature at unlock time, keep it in memory, and never persist it; the user's account, or their Prism Key, is then the only durable secret.

Copyright © 2026 DataPrism.