A CLI to scaffold a StakeWise Vault Interface — a Next.js frontend ready to deploy on Vercel.
npx @stakewise/create-vault-interfaceOr via your package manager:
npm init @stakewise/vault-interface
pnpm create @stakewise/vault-interface
yarn create @stakewise/vault-interfaceThe CLI walks you through a few questions, generates a configured project in the current directory, and is ready to run.
- Asks a series of questions (see below)
- Clones
stakewise/vault-interfaceinto your chosen folder (without git history) - Removes the bundled
cli/folder from the clone - Optionally rewrites the primary brand color in
src/styles/settings.scssandsrc/styles/tailwind/layers/base.css - Generates a populated
.envfile - Initializes a fresh git repository with an initial commit
- Optionally runs
pnpm install - Optionally launches
npx vercelto deploy
| Step | Question | Notes |
|---|---|---|
| Project | Folder name | Defaults to vault-interface |
| Theme | Customize primary color? | Optional. If yes — asks for #rrggbb for light and dark themes |
| Networks | Which networks to support? | Multi-select: Mainnet / Gnosis / Hoodi |
| Vault | Vault address per network | Validates 0x + 40 hex chars |
| RPC | RPC URL per network | Required, must be http(s)://... |
| Fallback RPC | Fallback URL per network | Optional |
| Owner | Site domain | Required |
| Owner | X (Twitter) account | Optional |
| Wallet | WalletConnect Project ID | Optional |
| Referrer | Referrer address | Optional, validated as 0x address |
| Locales | Supported languages | Multi-select, all enabled by default |
| Currencies | Supported currencies | Multi-select, all enabled by default |
| Security | Content-Security-Policy | Pre-filled with sensible default |
| Setup | Install dependencies? | Defaults to yes — uses pnpm |
| Deploy | Deploy to Vercel? | Defaults to no — runs npx vercel |
- Node.js
>=20 - Git (recommended — the CLI initializes a repo)
- pnpm (recommended —
corepack enable && corepack prepare pnpm@latest --activate)
MIT