JSON

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

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

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

[
  {
    "code": "01",
    "slug": "nextjs",
    "name": "Next.js",
    "description": "Vercelが開発するReactベースのフルスタックフレームワークです。",
    "language": "JavaScript/TypeScript",
    "framework": "React",
    "buildSpeed": "Medium",
    "latestVersion": "16.x",
    "useCases": [
      "Webアプリケーション",
      "ECサイト",
      "マーケティングサイト",
      "ドキュメント"
    ]
  },
  {
    "code": "02",
    "slug": "hugo",
    "name": "Hugo",
    "description": "Go言語で書かれた世界最速の静的サイトジェネレーターです。",
    "language": "Go",
    "framework": "Go Templates",
    "buildSpeed": "Very Fast",
    "latestVersion": "0.155.x",
    "useCases": [
      "ブログ",
      "ドキュメント",
      "企業サイト",
      "ニュースサイト"
    ]
  },
  {
    "code": "03",
    "slug": "gatsby",
    "name": "Gatsby",
    "description": "ReactとGraphQLをベースにした静的サイトジェネレーターです。",
    "language": "JavaScript/TypeScript",
    "framework": "React",
    "buildSpeed": "Medium to Slow",
    "latestVersion": "5.x",
    "useCases": [
      "マーケティングサイト",
      "ブログ",
      "CMS連携サイト"
    ]
  },
  {
    "code": "04",
    "slug": "jekyll",
    "name": "Jekyll",
    "description": "Rubyで書かれたシンプルなブログ対応静的サイトジェネレーターです。",
    "language": "Ruby",
    "framework": "Liquid",
    "buildSpeed": "Slow",
    "latestVersion": "4.4.x",
    "useCases": [
      "個人ブログ",
      "GitHub Pages",
      "ポートフォリオ"
    ]
  },
  {
    "code": "05",
    "slug": "astro",
    "name": "Astro",
    "description": "コンテンツ駆動型ウェブサイトのためのフレームワークです。",
    "language": "JavaScript/TypeScript",
    "framework": "Framework-agnostic",
    "buildSpeed": "Fast",
    "latestVersion": "5.17.x",
    "useCases": [
      "マーケティングサイト",
      "ブログ",
      "eコマース",
      "ドキュメント"
    ]
  },
  {
    "code": "06",
    "slug": "eleventy",
    "name": "Eleventy",
    "description": "シンプルで柔軟なNode.jsベースの静的サイトジェネレーターです。",
    "language": "JavaScript",
    "framework": "Multiple",
    "buildSpeed": "Fast",
    "latestVersion": "3.x",
    "useCases": [
      "ブログ",
      "ドキュメント",
      "ポートフォリオ"
    ]
  },
  {
    "code": "07",
    "slug": "nuxt",
    "name": "Nuxt",
    "description": "Vue.jsベースの直感的なWeb開発フレームワークです。",
    "language": "JavaScript/TypeScript",
    "framework": "Vue.js",
    "buildSpeed": "Medium",
    "latestVersion": "3.x",
    "useCases": [
      "Webアプリケーション",
      "企業サイト",
      "コンテンツサイト"
    ]
  },
  {
    "code": "08",
    "slug": "sveltekit",
    "name": "SvelteKit",
    "description": "SvelteをベースにしたフルスタックWebアプリケーションフレームワークです。",
    "language": "JavaScript/TypeScript",
    "framework": "Svelte",
    "buildSpeed": "Fast",
    "latestVersion": "2.x",
    "useCases": [
      "Webアプリケーション",
      "インタラクティブサイト",
      "ダッシュボード"
    ]
  }
]