HTML
静的サイトジェネレーター - HTML
静的サイトジェネレーター（SSG）は、Markdownなどのコンテンツファイルやテンプレートから、事前にHTMLファイルを生成するツールです。データベースやサーバーサイド処理が不要で、高速な配信と高いセキュリティが特徴です。Next.js、Hugo、Gatsby、Jekyll、Astroなど、様々な言語やフレームワークで実装されたジェネレーターが存在し、ブログ、ドキュメントサイト、マーケティングサイトなど幅広い用途で利用されています。
静的サイトジェネレーター
SSG
Web開発
フロントエンド
ブログ
ドキュメント
<table>
<thead><tr><th>code</th><th>slug</th><th>name</th><th>description</th><th>buildSpeed</th><th>framework</th><th>language</th><th>latestVersion</th><th>useCases</th></tr></thead>
<tbody><tr><td>01</td><td>nextjs</td><td>Next.js</td><td>Vercelが開発するReactベースのフルスタックフレームワークです。</td><td>Medium</td><td>React</td><td>JavaScript/TypeScript</td><td>16.x</td><td>["Webアプリケーション","ECサイト","マーケティングサイト","ドキュメント"]</td></tr>
<tr><td>02</td><td>hugo</td><td>Hugo</td><td>Go言語で書かれた世界最速の静的サイトジェネレーターです。</td><td>Very Fast</td><td>Go Templates</td><td>Go</td><td>0.155.x</td><td>["ブログ","ドキュメント","企業サイト","ニュースサイト"]</td></tr>
<tr><td>03</td><td>gatsby</td><td>Gatsby</td><td>ReactとGraphQLをベースにした静的サイトジェネレーターです。</td><td>Medium to Slow</td><td>React</td><td>JavaScript/TypeScript</td><td>5.x</td><td>["マーケティングサイト","ブログ","CMS連携サイト"]</td></tr>
<tr><td>04</td><td>jekyll</td><td>Jekyll</td><td>Rubyで書かれたシンプルなブログ対応静的サイトジェネレーターです。</td><td>Slow</td><td>Liquid</td><td>Ruby</td><td>4.4.x</td><td>["個人ブログ","GitHub Pages","ポートフォリオ"]</td></tr>
<tr><td>05</td><td>astro</td><td>Astro</td><td>コンテンツ駆動型ウェブサイトのためのフレームワークです。</td><td>Fast</td><td>Framework-agnostic</td><td>JavaScript/TypeScript</td><td>5.17.x</td><td>["マーケティングサイト","ブログ","eコマース","ドキュメント"]</td></tr>
<tr><td>06</td><td>eleventy</td><td>Eleventy</td><td>シンプルで柔軟なNode.jsベースの静的サイトジェネレーターです。</td><td>Fast</td><td>Multiple</td><td>JavaScript</td><td>3.x</td><td>["ブログ","ドキュメント","ポートフォリオ"]</td></tr>
<tr><td>07</td><td>nuxt</td><td>Nuxt</td><td>Vue.jsベースの直感的なWeb開発フレームワークです。</td><td>Medium</td><td>Vue.js</td><td>JavaScript/TypeScript</td><td>3.x</td><td>["Webアプリケーション","企業サイト","コンテンツサイト"]</td></tr>
<tr><td>08</td><td>sveltekit</td><td>SvelteKit</td><td>SvelteをベースにしたフルスタックWebアプリケーションフレームワークです。</td><td>Fast</td><td>Svelte</td><td>JavaScript/TypeScript</td><td>2.x</td><td>["Webアプリケーション","インタラクティブサイト","ダッシュボード"]</td></tr></tbody>
</table>