UI構築のためのJavaScriptライブラリ「React」製の静的サイトジェネレーター「Gatsby」を使ってWebサイトを作りました。後半ではFirebaseでサイト公開まで行いますが、前半ではコンパイルまで。 今回作ったWebサイト https://imairisako.com/ 本記事は『あさぎデザインひとりAdvent Calendar 2019』の7日目のエントリーです。 Gatsbyを使う準備をする npxでインストールしました。Macのターミナルを起動して、下記を実行します。 Terminal npm install --global gatsby-cli Terminal gatsby --version バージョンが確認できれば、インストールはOK。 Terminal gatsby new app https://github.com/gatsbyjs/gatsby-s
![初心者がReact製の静的サイトジェネレーター「Gatsby」でシンプルなWebサイトを作ってみた](https://cdn-ak-scissors.b.st-hatena.com/image/square/0dd72f031a26adb6b42d8f08fe78f27b57eb0eb8/height=288;version=1;width=512/https%3A%2F%2Fasagi-design.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F12%2Fimg20191208.png)