minista（ミニスタ）は、React(JSX)で書ける web コーディング用の小さいスタティックサイトジェネレーターです。
- ゼロコンフィグ
- React(JSX)から静的な HTML を出力
- Next.js 風のディレクトリ構成
- CSS / Dart Sass / PostCSS (Autoprefixer etc.)
- JavaScript / ESNext / Babel
- node_modules からのライブラリ読み込み
- ソースコードの Minify
$ npm install --save-dev minista# ----------------------------------------------------
# Directory Example
# ----------------------------------------------------
public # Copy root
src
├── assets
│ └── index.js # Required!
├── components
│ └── layout.js
└── pages # Required!
├── about
│ └── index.js
└── index.js//----------------------------------------------------
// Page Example
//----------------------------------------------------
import React from "react" // Required!
import { render } from "minista" // Required!
const Home = () => {
return render( // Required!
<h1>Hello</h1>
)
}
export default Home# Start
$ minista
# Stop
Press Ctrl+C$ minista buildimport React from "react"
import { render, Comment } from "minista"
const Home = () => {
return render(
<>
<Comment text="Comment Test" />
<h1>Hello</h1>
</>
)
}
export default Home<body>
<!-- Comment Test -->
<h1>Hello</h1>
</body>- Charge — an opinionated, zero-config static site generator
- Next.js by Vercel - The React Framework
- Node Interface | webpack
- テンプレートエンジンに React を使いつつ、きれいな HTML を生成したいんじゃ！！
- EJS をやめて React で HTML を書く
- MPA(マルチページアプリ)で webpack を使う
- MIT