minista

Site & Documentation

• https://minista.qranoko.jp

About

minista（ミニスタ）は、ReactのJSXとViteで100%静的なサイトを作るスタティックサイトジェネレーターです。

Concept

• すべてをJSXで書き、綺麗なHTMLを生成！
• 静的HTMLが必要なウェブ制作の現場にもJSXのコンポーネント管理を導入したい
• 独自構文を使わず、エディタサポートの優れたTypeScriptを活用したい

Features

• すべての機能をViteプラグインとして提供
• ビルド時に自動でViteの「SSRビルド+通常ビルド」を実行

Packages

• minista — minista本体
• create-minista — ministaの環境を作るCLI

Quick Start

$ npm create minista@latest

Media

• ReactのJSXで書けるSSGを1から作り直した- minista v3
• SSGにclientサイド完結型の全文検索を実装した- minista v2.7
• SSG + Partial Hydration (部分的なReact App) - minista v2.4
• Viteとesbuildを組み込みReact製SSGを再構築- minista v2
• Reactで書けるSSG改善点と今後について- minista v1
• React(JSX)で書けるコーディング用SSG - minista v0

Respect

• Tropical — static site generator
• Astro | Build faster websites
• natemoo-re/microsite
• Next.js by Vercel - The React Framework
• Charge — an opinionated, zero-config static site generator
• Eleventy, a simpler static site generator.
• Node Interface | webpack
• astro/packages/create-astro at main · withastro/astro
• vite/packages/create-vite at main · vitejs/vite
• vite/cli.ts at main · vitejs/vite
• テンプレートエンジンにReactを使いつつ、きれいなHTMLを生成したいんじゃ！！
• EJSをやめてReactでHTMLを書く
• MPA(マルチページアプリ)でwebpackを使う
• HTMLコーディングでもReact+TypeScriptの開発体験を得る
• AstroとmicroCMSでポートフォリオサイトを作る

License

• MIT

Credit

• Author: Qrac
• Organization: QRANOKO