Astro v2とTinaCMSでシンプルに作るブログサイト: サクサク構築しながらAstroの基本機能を習得 Jamstackシリーズ
Astro は、HTML と CSS を主体とした Astro コンポーネントでシンプルにサイトを構築できる注目のフレームワークです。
本書では、Astro を使ってサクサクとブログサイトを構築しながら、Astro の基本的な機能を学べます。
■ こんな方におすすめ
Astro に興味のある方
Astro を使ったサイト構築をサラッと試してみたい方
Webサイトに求められるものを Astro で作る方法を習得したい方
Git-based CMS や マークダウン/MDX による効率的なコンテンツ管理に興味のある方
■ 本書で学べること
Astro を使ったブログサイトの構築
Astro v2 のコンテンツ管理システム Content Collections の活用
マークダウン/MDX による記事コンテンツの作成・管理
GitHub や Zenn のスタイリングを再現する github-markdown-css、zenn-content-css の設定
画像の最適化
Git-based CMS の TinaCMS でコンテンツ管理を効率化する方法
好みの CSS フレームワークへの置き換えや組み合わせ(Tailwind CSS と組み合わせる方法)
※ Astro v2 では Node 16.12.0 以降が必要です。
※ 開発環境(Node や Git)の準備については解説していません。
※ 本書は、Next.js などのフレームワークを触ったことのある方を対象としています。
■ ダウンロードデータ
ダウンロードデータには、完成プロジェクトデータ、制作に必要な各種アセット(画像)、記事データ、制作用CSSなどを収録しています。
■ もくじ
Chapter 1 Astroの基本
Chapter 2 記事の追加と一覧の作成
Chapter 3 画像の最適化
Chapter 4 記事ページの作成
Chapter 5 サイトの仕上げ
Chapter 6 TinaCMS
Appendix (制作用のスタイル、Tailwind CSSの利用 など)