JavaScript Static Site Generator

Open-source JavaScript projects categorized as Static Site Generator

Top 23 JavaScript Static Site Generator Projects

  • Next.js

    The React Framework

  • Project mention: Meet Cheryl Murphy: Full-Stack Developer, lifelong learner, and volunteer Project Team Lead at Web Dev Path | dev.to | 2024-04-22

    Cheryl Murphy is not only a dedicated full-stack web developer skilled in technologies like React, Next.js, and NestJs but also a community-driven professional who recently took on the role of volunteer project team lead at Web Dev Path. With a dual Bachelor's degree in Computing and Chemical Engineering from Monash University, Cheryl’s journey in tech is marked by a passion for building accessible solutions and a commitment to fostering community within tech.

  • Gatsby

    The best React-based framework with performance, scalability and security built in.

  • Project mention: Gatsby tutorial: Build a static site with a headless CMS | dev.to | 2024-03-22

    A Gatsby site uses Gatsby, which leverages React and GraphQL to create fast and optimized web experiences. Gatsby is often used for building static websites, progressive web apps (PWAs), and even full-blown dynamic web applications.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • VuePress

    πŸ“ Minimalistic Vue-powered static site generator

  • decap-cms

    A Git-based CMS for Static Site Generators

  • Project mention: Show HN: Pages CMS – A CMS for GitHub | news.ycombinator.com | 2024-02-22

    Following one of the comments in this thread I reviewed two other products in this space - https://www.staticcms.org/ and https://decapcms.org/ - and it looks like the webpages are almost a direct copy of one another, one in dark mode and one in light mode.

    I'm a technical product marketer, and I find these type of landing page copying amusing to no end.

  • eleventy πŸ•šβš‘οΈ

    A simpler site generator. Transforms a directory of templates (of varying types) into HTML.

  • Project mention: Converting BlogCFC blog to Eleventy | dev.to | 2024-04-17

    This post outlines the steps for migrating an existing BlogCFC blog to a JamStack, with a focus on using Eleventy.

  • react-static

    βš›οΈ πŸš€ A progressive static site generator for React.

  • Gridsome

    ⚑️ The Jamstack framework for Vue.js

  • Project mention: My Sixth Year as a Bootstrapped Founder | news.ycombinator.com | 2024-02-16

    Thanks for reading!

    The web tech stack is actually one of my biggest regrets. It's a static site generator called Gridsome[0] that the maintainers abandoned about three months after I used it to launch the TinyPilot website.

    At the time I made the TinyPilot site, I was very excited about Vue, so a Vue-based SSG seemed great. Since then, I've come to find SPAs and most frontend frameworks to be way too much complexity, so I've moved away from Vue, but the TinyPilot website is still stuck on Vue 2.x and bootstrap-vue (which is tied to Vue 2 and Bootstrap 4).

    So, it keeps creaking along, but building the 100ish pages on the site takes about five minutes, whereas I think something like Hugo could probably do it in a few seconds. Plus, we get random runtime errors[1] that are pretty hard to debug.

    [0] https://gridsome.org/

    [1] https://github.com/nuxt/nuxt/issues/5800

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • Metalsmith

    An extremely simple, pluggable static site generator for Node.js

  • Project mention: Why You Should Write Your Own Static Site Generator | news.ycombinator.com | 2023-11-03
  • react-snap

    πŸ‘» Zero-configuration framework-agnostic static prerendering for SPAs

  • cms.js

    Client-Side JavaScript Site Generator

  • staticman

    πŸ’ͺ User-generated content for Git-powered websites

  • saber

    ()==[:::::::::::::> Build static sites in Vue.js, without the hassle

  • gatsby-starter-decap-cms

    Example Gatsby + Decap CMS project

  • gatsby-starter-ghost

    A starter template to build lightning fast websites with Ghost & Gatsby

  • sigal

    yet another simple static gallery generator

  • Project mention: IPFS based replacements to Imgur and media galleries | /r/ipfs | 2023-04-26

    One gallery option I've found is 'sigal' https://github.com/saimn/sigal

  • thumbsup

    Generate static HTML photo / video galleries

  • Project mention: Thumbsup: Static web galleries for all your photos and videos | news.ycombinator.com | 2024-02-15
  • Charge

    ⚑️ An opinionated, zero-config static site generator.

  • rocket

    The modern web setup for static sites with a sprinkle of JavaScript (by modernweb-dev)

  • presskit.html

    Re-implementation of presskit() as a static site generator

  • Project mention: Indie postmortem - Solo project - 2000 copies sold - Shapebreaker | /r/gamedev | 2023-05-19

    I used this one and hosted it as github documentation: https://github.com/pixelnest/presskit.html

  • dot-hugo

    Dot - Hugo Documentation Theme

  • nanogen

    Minimalist static site generator in Node.js

  • tinyjam

    A radically simple, zero-configuration static site generator in JavaScript

  • gatsby-garden

    A Digital Garden Theme for Gatsby. Gatsby Garden lets you create a static HTML version of your markdown notes

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

JavaScript Static Site Generator related posts

Index

What are some of the best open-source Static Site Generator projects in JavaScript? This list will help you:

Project Stars
1 Next.js 120,313
2 Gatsby 55,000
3 VuePress 22,325
4 decap-cms 17,487
5 eleventy πŸ•šβš‘οΈ 16,170
6 react-static 10,283
7 Gridsome 8,525
8 Metalsmith 7,819
9 react-snap 5,026
10 cms.js 3,043
11 staticman 2,371
12 saber 2,148
13 gatsby-starter-decap-cms 2,054
14 gatsby-starter-ghost 1,047
15 sigal 854
16 thumbsup 743
17 Charge 423
18 rocket 361
19 presskit.html 283
20 dot-hugo 254
21 nanogen 198
22 tinyjam 148
23 gatsby-garden 143

Sponsored
Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com