Structured Lists Directory

JSON

Static Site Generators - JSON

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アプリケーション",
      "インタラクティブサイト",
      "ダッシュボード"
    ]
  }
]