HTML
Static Site Generators - HTML
Static Site Generators (SSG) are tools that pre-generate HTML files from content files like Markdown and templates. They require no database or server-side processing, offering fast delivery and high security. Various generators implemented in different languages and frameworks exist, including Next.js, Hugo, Gatsby, Jekyll, and Astro, and are used for a wide range of purposes such as blogs, documentation sites, and marketing sites.
Static Site Generator
SSG
Web Development
Frontend
Blog
Documentation
<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>A React-based full-stack framework developed by Vercel.</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>The world's fastest static site generator written in 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>A static site generator based on React and 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>A simple blog-aware static site generator written in 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>The web framework for content-driven websites.</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>A simple and flexible Node.js-based static site generator.</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>An intuitive web development framework based on Vue.js.</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>A full-stack web application framework based on Svelte.</td><td>Fast</td><td>Svelte</td><td>JavaScript/TypeScript</td><td>2.x</td><td>["Webアプリケーション","インタラクティブサイト","ダッシュボード"]</td></tr></tbody>
</table>