昨今のフロントエンドのトレンドとしては「React」や「Vue」などのSPAを構築できるライブラリが挙げられるかと思います。

React製のフレームワークであるGatsbyは手軽に高速なwebサイトを作れると注目されています。
本書ではGatsbyの基礎的知識はもちろん、実際にブログを作り公開するまでの実践的な使い方を学べる内容となっています。

作るブログサイトのDEMOが見れるURL
<a href="https://musing-banach-f3a228.netlify.app/" target="_blank" rel="nofollow noopener noreferrer">https://musing-banach-f3a228.netlify.app/</a>

昨今のフロントエンドのトレンドとしては「React」や「Vue」などのSPAを構築できるライブラリが挙げられるかと思います。

React製のフレームワークであるGatsbyは手軽に高速なwebサイトを作れると注目されています。
本書ではGatsbyの基礎的知識はもちろん、実際にブログを作り公開するまでの実践的な使い方を学べる内容となっています。

作るブログサイトのDEMOが見れるURL
https://musing-banach-f3a228.netlify.app/

ブログサイトを作りながら学ぶGatsby入門

はじめに

本書について

Gatsbyの概要

Gatsbyの導入

ページの作成と編集

スタイリング

Gatsby CLI

アプリケーションについて

レイアウト作成

ヘッダーの作成

ヒーローコンポーネントの作成

記事リストの作成

フッターの作成

Headless CMS

GraphQL

Contentfulの利用方法

Contentfulの連携

記事データの取得

記事詳細ページ

404ページ

ホスティングサービス

netlifyへのデプロイ

記事公開・更新をトリガにデプロイを行う

サイトの品質をチェックする

Gatsbyをさらに使いこなす

gatsby

netlify

react

contentful

tomokiya