Setup

npm のコマンドで minista プロジェクトをテンプレートから始められます。

# Interactive
$ npm create minista@latest

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

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

Manual

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

$ npm install --save-dev minista react react-dom
$ touch ./src/pages/index.jsx

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

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

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

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