Skrapa

Features

TypeScript First
TypeScript Only
Full type safety from day one for your JSX components and client-side code.
Live Reload
for Development
Save a file and the browser updates instantly — no refresh, no waiting.
Static Output
for Production
Builds to a single index.html with CSS and JS embedded and ready to deploy.
Zero Config
Instant Setup
Run npx skrapa and you're building — sane defaults, nothing to configure.

Initialize your project

npx skrapa

Start the dev server

npx skrapa dev

Build for production

npx skrapa build

A GitHub Pages deploy action is included — push to main and your site deploys automatically.

JSX in src/ renders to raw HTML strings at build time. Client JS and CSS are inlined, assets are copied, and everything ships as a single file.

index.htmlHTML template with head and body structure

src/app.tsxJSX components rendered to raw HTML at build time

src/client.tsTypeScript compiled to browser-optimized JavaScript

src/style.cssStyles minified and bundled for the browser

→

dist/index.htmlSingle file — HTML, CSS, and JS all in one

assets/*Images, fonts, and SVGs served as static files

→

dist/*Copied as-is with paths preserved