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