Ａｓｔｒｏフロントエンド開発の教科書

モダンなウェブ開発のワザをしっかりマスター。Ａｓｔｒｏで極める！静的サイトジェネレータ（ＳＳＧ）＆サーバサイドレンダリング（ＳＳＲ）を活用したＷｅｂ制作。ＡｓｔｒｏのＳＳＧ／ＳＳＲによる実践的な開発を完全解説！

本書は、近年モバイルファーストやSEOの観点から再び注目されている「静的サイトジェネレータ」（SSG）による静的サイトの制作に適したフレームワーク「Astro」の解説書です。これまでのJavaScriptフロントエンドフレームワークは、動的サイトの生成（CSR／SSR）を主目的としていましたが、Astroはビルド時にJavaScriptを最大限除去することで、シンプルで高速な静的Webサイトの生成を可能にしています。また、ReactやVueなどのフレームワークと連携することで、静的Webサイトのビルドツールとしても利用できます。本書では、Astroの基本からコンポーネントベースのWebサイト制作の進め方、SSGモードによる静的サイト制作／SSRモードによる動的サイト制作、エンドポイント／アクション／ミドルウェアなどのサーバサイド機能まで、Astroの機能を網羅して解説します。

目次

●第1章　Astroを初体験
1.1 Astroとは
1.2 Astroの環境構築
1.3 Astroプロジェクトの作成と実行
1.4 本書で必要なTypeScript文法

●第2章　Astroコーディングの基本
2.1 Astroのコンポーネントと基本構文
2.2 Astroコンポーネントでの変数の表示
2.3 Astroコンポーネントでの制御構文

●第3章　コンポーネント間連携
3.1 コンポーネントの埋め込み
3.2 コンポーネントのProps
3.3 子コンポーネントをカスタマイズするSlot

●第4章　ルーティングとレイアウト
4.1 ルーティングとルートパラメータ
4.2 レイアウト機能
4.3 ページネーション

●第5章　コンポーネントベースのWebサイト制作
5.1 コンポーネントベースのWebサイト制作ケーススタディの概要
5.2 BaseLayoutの作成
5.3 TOPページの作成
5.4 ニュースページとマークダウンファイル
5.5 デプロイの準備

●第6章　動的サイトとSSR
6.1 ケーススタディの概要と準備
6.2 天気情報コンポーネントの追加とSSGの問題点
6.3 Astroで動的処理を実現する方法
6.4 Astroのアイランド
6.5 SSRデプロイ

●第7章　Astroでのコンテンツの扱い
7.1 コンテンツコレクション
7.2 動的ルートとSSRの組合せ
7.3 Storyblokによるコンテンツ管理

●第8章　Astroのその他の機能
8.1 バックサイドに関する機能
8.2 フロントサイドに関する機能

本の帯に関して

帯つきでの出荷はお約束しておりません。
商品ページに、帯のみに付与される特典物等の表記がある場合でも、確実に帯つきでの出荷はお約束しておりません。
また、帯は商品の一部ではなく「広告扱い」のため、帯の有無・破損による交換や返品は承っておりません。

版・表紙について

版・表紙（カバー）のご指定は承っておりません。ご注文いただくタイミングによっては、お届けする商品の版や表紙が商品ページ上のものとは異なる場合がございます。
また、初版にのみにお付けしている特典（初回特典、初回仕様特典）がある商品は、商品ページに特典の表記がされている場合でも、無くなり次第終了となります。