📚 SSGガイド プロジェクト

静的サイトジェネレーターの世界を学ぶための、体系的でモダンなドキュメント。最新の技術トレンドと実践法を解説します。

Chapter 1: 基礎知識と導入

SSGの基本概念と、本サイトを構築している Astro の魅力について学びます。

Chapter 2: 主要 SSG カタログ

目的や言語に合わせて、最適な静的サイトジェネレーターを選択するための徹底比較。

第2部の歩き方:なぜ多様な SSG を知る必要があるのか

「どれか一つ」ではなく「最適な一つ」を選ぶために。多様なエコシステムを知ることが、プロフェッショナルな判断力に繋がります。

#SSG#Strategy#Selection

Next.js:SSGとSSRを高度に融合させるハイブリッド型の王者

Reactエコシステムの中心に位置し、静的生成とサーバーサイド機能をシームレスに使い分ける次世代フレームワーク。

#React#Enterprise

Nuxt:Vueエコシステムの頂点に立つフルスタック・フレームワーク

Vue.js ユーザーにとっての究極の選択肢。直感的な開発体験と強力なモジュールエコシステムにより、迅速な開発を可能にします。

#Vue#TypeScript#Fullstack

SvelteKit:軽量性と超高速インタラクションの新基準

仮想DOMを使わない独自のコンパイル方式により、圧倒的な軽量さと滑らかな操作感を実現。モダンなユーザー体験を追求する開発者に。

#Svelte#Fast#UX

Astro:コンテンツ中心サイト向けの新世代の覇者

「アイランドアーキテクチャ」により、必要な部分だけをJavaScript化する。現代のコンテンツ重視サイトにおける最も賢い選択です。

#Astro#Islands#Performance

Hugo:圧倒的ビルドスピードを誇る静的生成の重鎮

Go言語による驚異的な高速ビルド。数万ページ規模のサイトであっても数秒で生成し終える、スピードの絶対王者です。

#Go#Fast#Legacy-Speed

Eleventy:シンプルさの極地、Zero-JavaScript サイトの選択肢

JavaScriptを一切配信しない『Zero-Bundle』を簡単に実現できるSSG。極限のパフォーマンスを求める技術ブログや個人サイトに最適です。

#Static#Simple#Performance

Docusaurus:ドキュメントサイト構築のグローバルスタンダード

Meta(旧Facebook)製。多言語対応、検索、バージョン管理など、ドキュメントサイトに必須の機能がすべて詰まったオールインワン・ツール。

#React#Documentation#Meta

MkDocs:Pythonユーザーに愛されるMarkdown特化型SSG

Pythonで動作し、YAMLとMarkdownだけで完璧なドキュメントを作成可能。Material for MkDocs テーマによる圧倒的なUIが魅力です。

#Python#Markdown#Material

VitePress:Vueベースで構築する次世代最速ドキュメント・システム

Vue.js 開発チームが開発。Viteを基盤とした圧倒的なビルド速度と、SPAのような滑らかなページ遷移を両立させたSSGです。

#Vue#Vite#Performance

Chapter 3: 実践・高度な運用術

デプロイ自動化、独自ドメイン、SEO、計測環境など、プロフェッショナルな運用手法。