Demo: https://html-coding-with-minista.netlify.app/
HTML・CSS・JavaScript のコーディングを快適にするために作成したサンプルです。
- 開発と web コーディングが分業になっているプロジェクトを想定
- スタティックサイトジェネレーターの
minista
を使用 - 書き慣れた React(JSX)から納品用の綺麗な HTML を出力
- ディレクトリ構成は Next.js や Gatsby.js 風
- ライブリロード・SCSS・Babel 等の webpack 環境を設定済み
- Node.js が入っていればだいたい使える簡単設計
$ npm install --save-dev minista
しつつ、サンプルのディレクトリ構成にしたがって JS や CSS を書いていくのみ。 minista
は Qrac が作った SSG です。使い方は以下のリポジトリをご確認ください。