TOML

静的サイトジェネレーター - TOML

静的サイトジェネレーター（SSG）は、Markdownなどのコンテンツファイルやテンプレートから、事前にHTMLファイルを生成するツールです。データベースやサーバーサイド処理が不要で、高速な配信と高いセキュリティが特徴です。Next.js、Hugo、Gatsby、Jekyll、Astroなど、様々な言語やフレームワークで実装されたジェネレーターが存在し、ブログ、ドキュメントサイト、マーケティングサイトなど幅広い用途で利用されています。

静的サイトジェネレーター SSG Web開発フロントエンドブログドキュメント

[[items]]
code = "01"
slug = "nextjs"
name = "Next.js"
description = "Vercelが開発するReactベースのフルスタックフレームワークです。"
buildSpeed = "Medium"
framework = "React"
language = "JavaScript/TypeScript"
latestVersion = "16.x"
useCases = "[\"Webアプリケーション\",\"ECサイト\",\"マーケティングサイト\",\"ドキュメント\"]"

[[items]]
code = "02"
slug = "hugo"
name = "Hugo"
description = "Go言語で書かれた世界最速の静的サイトジェネレーターです。"
buildSpeed = "Very Fast"
framework = "Go Templates"
language = "Go"
latestVersion = "0.155.x"
useCases = "[\"ブログ\",\"ドキュメント\",\"企業サイト\",\"ニュースサイト\"]"

[[items]]
code = "03"
slug = "gatsby"
name = "Gatsby"
description = "ReactとGraphQLをベースにした静的サイトジェネレーターです。"
buildSpeed = "Medium to Slow"
framework = "React"
language = "JavaScript/TypeScript"
latestVersion = "5.x"
useCases = "[\"マーケティングサイト\",\"ブログ\",\"CMS連携サイト\"]"

[[items]]
code = "04"
slug = "jekyll"
name = "Jekyll"
description = "Rubyで書かれたシンプルなブログ対応静的サイトジェネレーターです。"
buildSpeed = "Slow"
framework = "Liquid"
language = "Ruby"
latestVersion = "4.4.x"
useCases = "[\"個人ブログ\",\"GitHub Pages\",\"ポートフォリオ\"]"

[[items]]
code = "05"
slug = "astro"
name = "Astro"
description = "コンテンツ駆動型ウェブサイトのためのフレームワークです。"
buildSpeed = "Fast"
framework = "Framework-agnostic"
language = "JavaScript/TypeScript"
latestVersion = "5.17.x"
useCases = "[\"マーケティングサイト\",\"ブログ\",\"eコマース\",\"ドキュメント\"]"

[[items]]
code = "06"
slug = "eleventy"
name = "Eleventy"
description = "シンプルで柔軟なNode.jsベースの静的サイトジェネレーターです。"
buildSpeed = "Fast"
framework = "Multiple"
language = "JavaScript"
latestVersion = "3.x"
useCases = "[\"ブログ\",\"ドキュメント\",\"ポートフォリオ\"]"

[[items]]
code = "07"
slug = "nuxt"
name = "Nuxt"
description = "Vue.jsベースの直感的なWeb開発フレームワークです。"
buildSpeed = "Medium"
framework = "Vue.js"
language = "JavaScript/TypeScript"
latestVersion = "3.x"
useCases = "[\"Webアプリケーション\",\"企業サイト\",\"コンテンツサイト\"]"

[[items]]
code = "08"
slug = "sveltekit"
name = "SvelteKit"
description = "SvelteをベースにしたフルスタックWebアプリケーションフレームワークです。"
buildSpeed = "Fast"
framework = "Svelte"
language = "JavaScript/TypeScript"
latestVersion = "2.x"
useCases = "[\"Webアプリケーション\",\"インタラクティブサイト\",\"ダッシュボード\"]"