完成品
本書ではブログを作成します。
以下のURLからDEMOを見ることができます。
また、本書で扱うコードはGitHubにて公開しております。
※ GitHubのリンクは、購入者のみ閲覧できるページに記載しております。
ページ構成と特徴
本書で構築するブログは最小限の機能を持ったシンプルなページ構成になっています。
【ページ構成】
- トップページ
- 記事詳細ページ
【特徴】
- 無料で公開・運用できる
- マークダウンで記事を書ける
- サーバーレスで運用の手間は最小限
学べる内容
基礎的知識
ブログサイトを作りながらGatsbyを扱う上での以下の基本的な知識を学ぶことができます。
- 導入方法
- Gatsbyのお作法
- サイト構築方法
- GraphQLでのデータの取得
実践的な知識
Gatsbyと親和性の高いツールと実践的な使い方についても学ぶことができます。
- Headless CMS (Contentful)
- ホスティングサービス(netlify)
- デプロイ
- webhookを用いたコンテンツ更新方法
これらを学ぶことによって「サーバーレス」な構成でwebサイトを構築する基礎的な知識を学べます。サーバーレスの良さに触れることでwebサイトの運用・保守へのハードルが下がり、本質的な開発に注力できるようになります。そうすれば、きっと開発はより楽しくなるのではないでしょうか。
必須スキル
本書の対象読者は初級 〜 中級者向けとなっており、以下のスキルを身につけていることを前提としています。
※ 以下の知識をお持ちのないの方でも、手順通り進めることで実際のサービスは構築できるように書かれています。
- HTML, CSS, JavaScript, Reactの基礎構文を理解している
- Git ,GitHubでのバージョン管理について理解している
推奨スキル
Gatsbyは手軽に高速なサイトを構築できることがコンセプトです。
そのコンセプトや良さをより強く体感していただくためにも、以下のスキルを身につけられていることを推奨します。
- Webサイトが動く仕組みを理解している
- 一般的なWebサイトを公開するまでの手順を理解している
- ご自身でwebサイトを構築、運用された経験