GitHub

Skrapa

TypeScript JSX templates. Static HTML output.

npx skrapa

Features

Get Started

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.

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