Quick Start

Download the starter template and launch the dev server:

pnpm

pnpm dlx giget gh:tsaarni/stageroutine/starter my-presentation
cd my-presentation
pnpm install
pnpm approve-builds
pnpm dev

npm

npx giget gh:tsaarni/stageroutine/starter my-presentation
cd my-presentation
npm install
npm run dev

bun

bunx giget gh:tsaarni/stageroutine/starter my-presentation
cd my-presentation
bun install
bun dev

yarn

yarn dlx giget gh:tsaarni/stageroutine/starter my-presentation
cd my-presentation
yarn install
yarn dev

The dev server provides two views:

• Presentation: http://localhost:5173/ - live presentation with hot-reloading as you edit src/main.ts.
• Presenter Console: http://localhost:5173/presenter.html - dual-screen console with speaker notes, upcoming step previews, and a live timer.

Controls

Key	Action
→ / Space / PageDown	Next step
← / PageUp	Previous step
Shift+→ / Shift+←	Next / Previous scene
Home / End	First / Last step
L	Toggle laser pointer

Building Static Files

Build static files that run without a dev server:

pnpm

pnpm build

npm

npm run build

bun

bun run build

yarn

yarn build

The output is written to dist/, containing both index.html and presenter.html. It is ready to upload to any static web host.

Building a Single Standalone File

To generate a single, self-contained HTML file that can be emailed or opened directly from disk (file://) without a web server:

pnpm

pnpm build:single

npm

npm run build:single

bun

bun run build:single

yarn

yarn build:single

This bundles all styles, fonts, and scripts directly into dist/index.html. Presenter console routes are excluded in single-file mode.

Next Steps

• Concepts - Core mental model and differences from slide decks
• Scenes & Steps - Step sequencing and transition triggers
• Layout - Responsive canvas coordinates and stacks