Build 100% static websites with React JSX, TypeScript, and Vite. Add client-side JavaScript only where you need it.

MITRepositoryReleases

import { Head } from "minista/head"
import MyComponent from "../components/my-component"

export default function () {
  return (
    <>
      <Head>
        <title>minista</title>
        <link rel="stylesheet" href="/src/assets/style.css" />
        <script type="module" src="/src/assets/script.ts" />
      </Head>
      <MyComponent text="Static site generator" />
    </>
  )
}
React
Vite
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>minista</title>
    <link rel="stylesheet" href="/assets/style.css" />
    <script type="module" src="/assets/script.js"></script>
  </head>
  <body>
    <p class="my-component">Static site generator</p>
  </body>
</html>

Write it all in JSX. Generate clean HTML.

Bring reusable JSX components to web projects that need static HTML.

Use TypeScript and familiar editor tools without learning a custom template language.

minista concept by Qrac.