YAML

Static Site Generators - YAML

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

- code: "01"
  slug: "nextjs"
  name: "Next.js"
  description: "A React-based full-stack framework developed by Vercel."
  language: "JavaScript/TypeScript"
  framework: "React"
  buildSpeed: "Medium"
  latestVersion: "16.x"
  useCases:
    - "Webアプリケーション"
    - "ECサイト"
    - "マーケティングサイト"
    - "ドキュメント"
- code: "02"
  slug: "hugo"
  name: "Hugo"
  description: "The world's fastest static site generator written in Go."
  language: "Go"
  framework: "Go Templates"
  buildSpeed: "Very Fast"
  latestVersion: "0.155.x"
  useCases:
    - "ブログ"
    - "ドキュメント"
    - "企業サイト"
    - "ニュースサイト"
- code: "03"
  slug: "gatsby"
  name: "Gatsby"
  description: "A static site generator based on React and GraphQL."
  language: "JavaScript/TypeScript"
  framework: "React"
  buildSpeed: "Medium to Slow"
  latestVersion: "5.x"
  useCases:
    - "マーケティングサイト"
    - "ブログ"
    - "CMS連携サイト"
- code: "04"
  slug: "jekyll"
  name: "Jekyll"
  description: "A simple blog-aware static site generator written in Ruby."
  language: "Ruby"
  framework: "Liquid"
  buildSpeed: "Slow"
  latestVersion: "4.4.x"
  useCases:
    - "個人ブログ"
    - "GitHub Pages"
    - "ポートフォリオ"
- code: "05"
  slug: "astro"
  name: "Astro"
  description: "The web framework for content-driven websites."
  language: "JavaScript/TypeScript"
  framework: "Framework-agnostic"
  buildSpeed: "Fast"
  latestVersion: "5.17.x"
  useCases:
    - "マーケティングサイト"
    - "ブログ"
    - "eコマース"
    - "ドキュメント"
- code: "06"
  slug: "eleventy"
  name: "Eleventy"
  description: "A simple and flexible Node.js-based static site generator."
  language: "JavaScript"
  framework: "Multiple"
  buildSpeed: "Fast"
  latestVersion: "3.x"
  useCases:
    - "ブログ"
    - "ドキュメント"
    - "ポートフォリオ"
- code: "07"
  slug: "nuxt"
  name: "Nuxt"
  description: "An intuitive web development framework based on Vue.js."
  language: "JavaScript/TypeScript"
  framework: "Vue.js"
  buildSpeed: "Medium"
  latestVersion: "3.x"
  useCases:
    - "Webアプリケーション"
    - "企業サイト"
    - "コンテンツサイト"
- code: "08"
  slug: "sveltekit"
  name: "SvelteKit"
  description: "A full-stack web application framework based on Svelte."
  language: "JavaScript/TypeScript"
  framework: "Svelte"
  buildSpeed: "Fast"
  latestVersion: "2.x"
  useCases:
    - "Webアプリケーション"
    - "インタラクティブサイト"
    - "ダッシュボード"