Features
- TypeScript First
TypeScript OnlyFull type safety from day one for your JSX components and client-side code.
- Live Reload
for DevelopmentSave a file and the browser updates instantly — no refresh, no waiting.
- Static Output
for ProductionBuilds to a single index.html with CSS and JS embedded and ready to deploy.
- Zero Config
Instant SetupRun npx skrapa and you're building — sane defaults, nothing to configure.
Get Started
Initialize your project
npx skrapaStart the dev server
npx skrapa devBuild for production
npx skrapa buildA GitHub Pages deploy action is included — push to main and your site deploys automatically.
How it works
JSX in src/ renders to raw HTML strings at build time. Each index.tsx becomes a page with its client JS inlined, and assets are copied as-is.
src/index.htmlHTML template with head and body structure
src/index.tsxJSX components rendered to raw HTML at build time
src/client.tsTypeScript compiled to browser-optimized JavaScript
dist/index.htmlSelf-contained — markup and client JS inlined
assets/*Images, fonts, and SVGs served as static files
dist/*Copied as-is with paths preserved
Requirements
- Node.jsv24+Everything else is installed automatically