Chapter 02

本書について

result.png

完成品

本書ではブログを作成します。
以下のURLからDEMOを見ることができます。

https://musing-banach-f3a228.netlify.app/

また、本書で扱うコードはGitHubにて公開しております。
※ GitHubのリンクは、購入者のみ閲覧できるページに記載しております。

ページ構成と特徴

本書で構築するブログは最小限の機能を持ったシンプルなページ構成になっています。

【ページ構成】

  • トップページ
  • 記事詳細ページ

【特徴】

  • 無料で公開・運用できる
  • マークダウンで記事を書ける
  • サーバーレスで運用の手間は最小限

学べる内容

基礎的知識
ブログサイトを作りながらGatsbyを扱う上での以下の基本的な知識を学ぶことができます。

  • 導入方法
  • Gatsbyのお作法
  • サイト構築方法
  • GraphQLでのデータの取得

実践的な知識
Gatsbyと親和性の高いツールと実践的な使い方についても学ぶことができます。

  • Headless CMS (Contentful)
  • ホスティングサービス(netlify)
  • デプロイ
  • webhookを用いたコンテンツ更新方法

これらを学ぶことによって「サーバーレス」な構成でwebサイトを構築する基礎的な知識を学べます。サーバーレスの良さに触れることでwebサイトの運用・保守へのハードルが下がり、本質的な開発に注力できるようになります。そうすれば、きっと開発はより楽しくなるのではないでしょうか。

必須スキル

本書の対象読者は初級 〜 中級者向けとなっており、以下のスキルを身につけていることを前提としています。
※ 以下の知識をお持ちのないの方でも、手順通り進めることで実際のサービスは構築できるように書かれています。

  • HTML, CSS, JavaScript, Reactの基礎構文を理解している
  • Git ,GitHubでのバージョン管理について理解している

推奨スキル

Gatsbyは手軽に高速なサイトを構築できることがコンセプトです。
そのコンセプトや良さをより強く体感していただくためにも、以下のスキルを身につけられていることを推奨します。

  • Webサイトが動く仕組みを理解している
  • 一般的なWebサイトを公開するまでの手順を理解している
  • ご自身でwebサイトを構築、運用された経験