minista

Site & Documentation

https://minista.qranoko.jp

About

minista（ミニスタ）は React の JSX から綺麗な HTML を作る日本製のスタティックサイトジェネレーターです。

minista 本体パッケージは Vite に指示を出すラッパーです。Vite と異なる主な特徴は、ビルド時に自動で Vite に「SSR ビルド＋通常ビルド」の指示を出し、HTML の書き出しを簡略化している点です。

How To Use

Automatic Setup

$ npm create minista@latest

Manual Setup

$ npm install --save-dev minista minista-plugin-ssg vite react react-dom
$ touch ./minista.config.js
$ touch ./src/pages/index.jsx

// ./minista.config.js
import { pluginSsg } from "minista-plugin-ssg"

export default {
  plugins: [pluginSsg()],
}

// ./src/pages/index.jsx
export default function () {
  return <h1>Hello!</h1>
}

package.json を開き、以下のスクリプトを追加します。

"scripts": {
  "dev": "minista",
  "build": "minista build",
  "preview": "minista preview",
}

Commands

Vite の CLI コマンドとオプションがすべて使えます。

Settings

Vite の 設定がすべて使えます。コンフィグファイルは minista.config.{ts|js} または vite.config.{ts|js} のどちらでも動作します。

License

• MIT

Credit

• Author: Qrac
• Organization: QRANOKO