qrac / minista

Static site generator with 100% static export from React and Vite.
https://minista.qranoko.jp
165 stars 13 forks source link

minista v3 開発メモ #60

Closed qrac closed 1 year ago

qrac commented 1 year ago

開発ブランチ

概要

v3メジャーアップデートは開発環境の改新とコード全体のリファクタリングが中心。試行錯誤しながら作ってきたコードを1から見直してプロダクトの完成度を上げる。

v1(webpackベース)からv2(Vite & esbuildベース)への切り替えは上手くいった。Next.jsやAstroにある取り入れたい機能もおおむね実装できた。静的サイトは十分作れる。

目下の課題はSaaSの試作デモを作る場合で、既存のjQueryやAlpine.jsを絡めたときにSPAな開発モードだと動かないこと。静的な本番とDOMレンダーの仕組みが違うから。v3で開発と本番の差異を極力無くす。

開発環境

新機能

機能の変更点

機能の修正点

依存関係の変更点

リファクタリング

保留または中止

qrac commented 1 year ago

アルファ版のTypeScript環境を最短で構築するコマンド。

$ npm init minista@latest -- --template ts
$ npm i -D minista@next react@latest react-dom@latest @types/react@latest @types/react-dom@latest typescript@latest
qrac commented 1 year ago

create-minista を書き直したので以下コマンドでv3アルファ版プロジェクトを作れるようになった。

$ npm create minista@next -- --tag v3

インタラクティブUIをショートカットしたい場合はテンプレートをオプションで指定する。

$ npm create minista@next -- --tag v3 --template minimal-ts
qrac commented 1 year ago

作業完了。