gatsbyを使ってみる（プロジェクト作成からsurgeで公開まで）

はじめに

gatsbyという静的サイトジェネレータを使ってみました。
その備忘録です。

gatsby

• インストールする

yarn global add gatsby-cli

• プロジェクトを作成する

gatsby new gatsby-site

• 開発モード

yarn develop

• ビルド

yarn build

• surgeを入れる

yarn add -D surge

• package.jsonにscriptを追加

"deploy": "surge public/"

• surgeで公開

yarn deploy

• https://godly-celery.surge.sh/にアクセス出来る様になる

• ssl化するためにsurgeスクリプトを変更(http://~からhttps://~にリダイレクトされるようになる)

"deploy": "surge public/ https://godly-celery.surge.sh/"

テンプレートテーマを使ってみる

• https://github.com/LekoArts/gatsby-starter-portfolio-emiliaを使う

gatsby new nz-memories https://github.com/LekoArts/gatsby-starter-portfolio-emilia

参考

• 静的サイトジェネレーター一覧：https://www.staticgen.com/
• gatsby公式：https://www.gatsbyjs.org/
• surge公式：https://surge.sh/
• surge日本語：https://surge-sh.cf/