Gatsby.js 触る

2021/07/22

gatsby cli あることが前提

gatsby-starter-blog テーマを使ってプロジェクトを作成する

$ gatsby new gatsby-starter-blog https://github.com/gatsbyjs/gatsby-starter-blog

作成されたプロジェクトに移動する

$ cd gatsby-starter-blog/

開発用環境を起動する
ホットリロードで自動更新される
実行後 http://localhost:8000/ で確認

$ gatsby develop

デプロイ用に成果物をビルドする
ビルドされたファイルは ./public/ に配置される

$ gatsby build

ビルドされた成果物を元にサーバを起動して動作確認を行う
デプロイ前に実施する
実行後 http://localhost:9000/ で確認

$ gatsby serve

Profile picture

Written by @honyanya web developer.
Twitter

© 2022. @honyanya