Getting Started
Use this template
Section titled “Use this template”Use the Holocron CLI to scaffold a new React project. It clones the template, renames all placeholder references, wires up your vault provider, and runs holocron setup in one step:
npx @theholocron/cli new react my-app \ --description "My app description" \ --homepage "https://my-app.example.com" \ --vault doppler \ --agent claudeThis will:
- Create
theholocron/my-appfrom this template on GitHub - Replace all
react-templatereferences withmy-appthroughout the repo - Run
pnpm install(including Playwright browser download) - Run
holocron setupto configure branch protection, labels, workflows, and repo settings
Manual clone
Section titled “Manual clone”If you prefer to set things up yourself:
git clone https://github.com/theholocron/react-template.git my-projectcd my-projectpnpm installDevelopment
Section titled “Development”Start Storybook for interactive component development:
pnpm startRun the smoke-test app:
pnpm devScripts
Section titled “Scripts”| Script | Description |
|---|---|
pnpm start |
Start Storybook dev server on port 6006 |
pnpm dev |
Start the Vite app dev server |
pnpm build |
Build the component library |
pnpm preview |
Serve the production build locally |
pnpm test |
Run all tests |
pnpm test:coverage |
Run tests with coverage |
pnpm test:storybook |
Run Storybook interaction tests |
pnpm test:cypress |
Open Cypress for user flow tests |
pnpm typecheck |
Run TypeScript type-checking |
pnpm lint |
Run ESLint |