Quick Start

Create a working static site in under 5 minutes.

1. Create Project Structure

mkdir my-site
cd my-site
bun init -y
bun add jstatico

2. Create Source Directory

mkdir -p src/_layouts

3. Create a Layout

Create src/_layouts/_main.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ meta.title }}</title>
</head>
<body>
    <main>{{ body }}</main>
</body>
</html>

4. Create Your First Page

Create src/index.md:

layout: _layouts._main.html
title: My Site

Then add your content below the frontmatter:

# Welcome

This is my first jstatico site!

5. Build

bun run jstatico src dist

6. View Result

Open dist/index.html in your browser. You should see your rendered page.

Next Steps

Follow the Tutorial to build a complete blog.