Posts
All the articles I've posted.
10. AstroのエンドポイントとActions
JSONなどのデータを返すエンドポイントの作り方と、型安全にサーバー処理を呼び出せるActionsの使い方を、フォーム連携やエラー処理を含めて解説します。
09. Astroのレンダリングモードとアダプター
ビルド時に生成する静的レンダリングと、リクエスト時に生成するオンデマンドレンダリングの違い、アダプターの役割、prerenderによる使い分けを整理します。
08. AstroのアイランドアーキテクチャとUIフレームワーク
静的HTMLの中に必要な対話性だけを配置するアイランドの考え方と、client:*ディレクティブ、React/Vue/Svelteの統合、サーバーアイランドを解説します。
07. AstroでMarkdownとMDXを使いこなす
Markdownファイルの扱い方から、Astro 7で既定になったMarkdownプロセッサ、remark/rehypeへの切り替え、シンタックスハイライト、MDXの使いどころまでを解説します。
06. Astro コンテンツコレクションで記事を管理する
content.config.tsによるコレクション定義、ローダーとZodスキーマによる検証、getCollectionやrenderを使った記事ページの生成手順をまとめます。
05. Astroのファイルベースルーティング
src/pages配下のファイル構成がそのままURLになる仕組みから、動的ルートとgetStaticPaths、ページネーション、リダイレクト、ルートの優先順位までを解説します。
04. Astroのレイアウトとスタイリング
共通の外枠をレイアウトコンポーネントにまとめる方法と、スコープ付きCSS・グローバルCSS・CSS変数・Tailwindなどスタイルの当て方を整理します。
03. .astroコンポーネントの基本
コンポーネントスクリプトとテンプレートの二層構造、Propsの受け渡し、slotによる内容の差し込みなど、.astroファイルの読み書きに必要な文法をまとめます。
02. Astroの環境構築とプロジェクト構成
Astroの動作要件からプロジェクトの作成、標準的なディレクトリ構成、開発サーバーの起動とCLIコマンドまで、最初の一歩をひととおり確認します。
01. Astroとは何か：コンテンツ中心という選択
Astroがどんな問題を解決するために作られたのかを、5つの設計原則とMPAモデルの観点から整理し、他のフレームワークとの違いを明らかにします。
00. Astro徹底入門シリーズ 目次
コンテンツ中心のWebフレームワークAstroを、設計思想からコンポーネント、ルーティング、コンテンツコレクション、レンダリングモード、デプロイまで12章で学ぶシリーズの目次です。