INI

Static Site Generators - INI

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

[item.nextjs]
code=01
slug=nextjs
name=Next.js
description=A React-based full-stack framework developed by Vercel.
buildSpeed=Medium
framework=React
language=JavaScript/TypeScript
latestVersion=16.x
useCases=["Webアプリケーション","ECサイト","マーケティングサイト","ドキュメント"]

[item.hugo]
code=02
slug=hugo
name=Hugo
description=The world's fastest static site generator written in Go.
buildSpeed=Very Fast
framework=Go Templates
language=Go
latestVersion=0.155.x
useCases=["ブログ","ドキュメント","企業サイト","ニュースサイト"]

[item.gatsby]
code=03
slug=gatsby
name=Gatsby
description=A static site generator based on React and GraphQL.
buildSpeed=Medium to Slow
framework=React
language=JavaScript/TypeScript
latestVersion=5.x
useCases=["マーケティングサイト","ブログ","CMS連携サイト"]

[item.jekyll]
code=04
slug=jekyll
name=Jekyll
description=A simple blog-aware static site generator written in Ruby.
buildSpeed=Slow
framework=Liquid
language=Ruby
latestVersion=4.4.x
useCases=["個人ブログ","GitHub Pages","ポートフォリオ"]

[item.astro]
code=05
slug=astro
name=Astro
description=The web framework for content-driven websites.
buildSpeed=Fast
framework=Framework-agnostic
language=JavaScript/TypeScript
latestVersion=5.17.x
useCases=["マーケティングサイト","ブログ","eコマース","ドキュメント"]

[item.eleventy]
code=06
slug=eleventy
name=Eleventy
description=A simple and flexible Node.js-based static site generator.
buildSpeed=Fast
framework=Multiple
language=JavaScript
latestVersion=3.x
useCases=["ブログ","ドキュメント","ポートフォリオ"]

[item.nuxt]
code=07
slug=nuxt
name=Nuxt
description=An intuitive web development framework based on Vue.js.
buildSpeed=Medium
framework=Vue.js
language=JavaScript/TypeScript
latestVersion=3.x
useCases=["Webアプリケーション","企業サイト","コンテンツサイト"]

[item.sveltekit]
code=08
slug=sveltekit
name=SvelteKit
description=A full-stack web application framework based on Svelte.
buildSpeed=Fast
framework=Svelte
language=JavaScript/TypeScript
latestVersion=2.x
useCases=["Webアプリケーション","インタラクティブサイト","ダッシュボード"]