Skip to content

chore: migrate site to vite #44

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
satyaborg merged 1 commit into from
Jun 9, 2026
Merged

chore: migrate site to vite #44

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 15 additions & 14 deletions site/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,27 +2,28 @@

Minimal static marketing site for the `devloop` CLI. Single page, monochrome
teletype aesthetic, violet accent matching the CLI brand. No runtime
dependencies: Tailwind compiled to static CSS, IBM Plex Mono self-hosted from
`fonts/` (OFL, weights 400 + 700), used across the whole page.
dependencies: Tailwind compiled to static CSS, JetBrains Mono self-hosted from
`public/fonts/` (OFL, weights 400 + 700), used across the whole page. Built with
Vite, so dev is just two commands.

## Develop

```sh
pnpm install
pnpm dev # tailwind watch -> dist/styles.css
pnpm preview # build + serve dist/ at http://localhost:4178
pnpm dev # vite dev server with HMR at http://localhost:5173
pnpm preview # serve the production build at http://localhost:4178
```

## Build

```sh
pnpm build # writes dist/index.html + dist/styles.css
pnpm build # vite build -> dist/
```

`build.mjs` clears `dist/`, compiles `src/input.css` with the Tailwind CLI to
`dist/styles.css`, then copies `index.html` and `fonts/` into `dist/`. The
output is fully static (HTML, CSS, woff2) with no runtime dependency. Deploy the
`dist/` directory to any static host.
Vite compiles `src/input.css` (Tailwind v4 via `@tailwindcss/vite`), hashes the
CSS, inlines the `<link>` into `index.html`, and copies `public/` (the fonts)
into `dist/`. The output is fully static (HTML, CSS, woff2) with no runtime
dependency. Deploy the `dist/` directory to any static host.

## Deploy to Cloudflare Pages

Expand Down Expand Up @@ -71,9 +72,9 @@ directory to `site/dist`.

```
site/
index.html source page
src/input.css tailwind entry + theme tokens + @font-face
build.mjs build script (tailwind compile + copy html/fonts)
fonts/ IBM Plex Mono woff2 (400, 700)
dist/ build output (gitignored)
index.html source page (vite entry)
src/input.css tailwind entry + theme tokens + @font-face
vite.config.js vite + @tailwindcss/vite plugin
public/fonts/ JetBrains Mono woff2 (400, 700), served at /fonts/
dist/ build output (gitignored)
```
19 changes: 0 additions & 19 deletions site/build.mjs
View file
Open in desktop

This file was deleted.

42 changes: 0 additions & 42 deletions site/dev.mjs
View file
Open in desktop

This file was deleted.

2 changes: 1 addition & 1 deletion site/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
content="A single Bash CLI that loops agents: Codex codes, Claude reviews, retries until accepted."
/>
<meta property="og:type" content="website" />
<link rel="stylesheet" href="./styles.css" />
<link rel="stylesheet" href="/src/input.css" />
</head>
<body class="bg-bg text-ink antialiased">
<div class="mx-auto w-full max-w-[780px] px-5 sm:px-8">
Expand Down
15 changes: 9 additions & 6 deletions site/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,13 +5,16 @@
"type": "module",
"description": "Static marketing site for the devloop CLI.",
"scripts": {
"build": "node build.mjs",
"dev": "node dev.mjs",
"preview": "node build.mjs && serve dist -l 4178"
"dev": "vite",
"build": "vite build",
"preview": "vite build && vite preview --port 4178"
},
"devDependencies": {
"@tailwindcss/cli": "^4.1.0",
"browser-sync": "^3.0.4",
"serve": "^14.2.3"
"@tailwindcss/vite": "^4.1.0",
"tailwindcss": "^4.1.0",
"vite": "^6.0.0"
},
"pnpm": {
"onlyBuiltDependencies": ["esbuild"]
}
}
Loading