Setup

npm のコマンドまたは個別インストールで minista プロジェクトを始められます。

Automatic

$ npm create minista@latest

※対話形式をショートカットしたい場合は create コマンドに引数でインストールディレクトリとテンプレート指定します。

$ npm create minista@latest my-minista-project -- --template minimal-ts

テンプレート	内容
`minimal-js`	JavaScript を使った最低限の構成
`minimal-ts`	TypeScript を使った最低限の構成

プロジェクトに minista vite react react-dom をインストールします。

$ npm install --save-dev minista vite react react-dom

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

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

minista.config.js (or .ts) をプロジェクトルートに作成。

$ touch ./minista.config.js

./minista.config.js

import { defineConfig, pluginSsg } from "minista"

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

src/pages ディレクトリに index.jsx (or .tsx) を作成。

$ touch ./src/pages/index.jsx

./src/pages/index.jsx

export default function () {
  return <h1>Hello!</h1>
}