JavaScript Static Site Generator

Open-source JavaScript projects categorized as Static Site Generator | Edit details

Top 23 JavaScript Static Site Generator Projects

  • GitHub repo Next.js

    The React Framework

    Project mention: How to create a Preloader in NextJS | dev.to | 2021-10-24

    NextJS, a framework of React, used for building production-ready applications

  • GitHub repo Gatsby

    Build blazing fast, modern apps and websites with React

    Project mention: Are we doomed to keep having to use 90's technology forever? | reddit.com/r/webdev | 2021-10-22

    Well with tools like gatsby or next you can use react and generate static pages that take over as react pages once loaded. The user experience is generally really good that way. Look at gatsby's website its pretty snappy

  • Syncfusion

    Syncfusion - See why our products are consistently getting 4.6 out of 5 stars by your peers.. Syncfusion Essential Studio for JavaScript is a modern UI control library built from the ground up to be lightweight, responsive, modular, and touch-friendly.

  • GitHub repo Hexo

    A fast, simple & powerful blog framework, powered by Node.js.

    Project mention: Best self hosted micro blog? | reddit.com/r/selfhosted | 2021-09-21

    What's good about Hugo is really fast build times, previously I used both hexo.io and https://vuepress.vuejs.org/ but while vuepress is nice to start with it's nearly impossible to finish the website due to lack of features. Hexo is also nice but their templating language is not always intuitive (my hexo based website: https://webhookrelay.com/)

  • GitHub repo VuePress

    📝 Minimalistic Vue-powered static site generator

    Project mention: Personal Support at Internet Scale | dev.to | 2021-10-14

    https://pipedream.com/docs is managed with VuePress and deployed to Vercel. Docs are mostly written as Markdown, but VuePress lets us write custom Vue.js components when we need it. Anyone can edit our docs on GitHub.

  • GitHub repo netlify-cms

    A Git-based CMS for Static Site Generators

    Project mention: How to deploy Netlify CMS to your own self-hosted server | dev.to | 2021-10-13

    Netlify CMS is a light-weight content management system created by Netlify.

  • GitHub repo eleventy 🕚⚡️

    A simpler static site generator. An alternative to Jekyll. Transforms a directory of templates (of varying types) into HTML.

    Project mention: Static site generators that work with vanilla JS + Html + CSS | reddit.com/r/webdev | 2021-10-20
  • GitHub repo react-static

    ⚛️ 🚀 A progressive static site generator for React.

    Project mention: Django 4.0 will include a built-in Redis cache back end | news.ycombinator.com | 2021-09-17

    Django is still my go-to. Specifically [Django-REST-Framework](https://www.django-rest-framework.org/) with a front-end written with [react-static](https://github.com/react-static/react-static).

    Django's ORM is so nice and the ecosystem around it rocks.

    Its biggest downside is painful upgrades. They don't really follow [semantic versioning](https://semver.org/)

  • Scout APM

    Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.

  • GitHub repo Gridsome

    ⚡️ The Jamstack framework for Vue.js

    Project mention: Why you need a portfolio website when working in tech - and how I built mine with Gridsome and Deploy Now | dev.to | 2021-10-22

    The tech you use for your website should represent your skills and interests. Personally, I’m quite interested in static site generators and the developments around the Jamstack. As I’m quite experienced in Vue.js, I decided to go with the static site generator Gridsome. Static site generators prerender your website after every Git Commit. This yields fast deliveries on request. No matter which tech stack you use, avoid by any means that your website is slow, buggy or not responsive.

  • GitHub repo Metalsmith

    An extremely simple, pluggable static site generator.

    Project mention: Why I built my own static site generator | news.ycombinator.com | 2021-10-14

    A static site generator I've been enjoying lately (and using for my blog) is Metalsmith: https://metalsmith.io/

    It feel like it's the best of both worlds, because it's simple to learn and customize, but there are plugins for the things you don't want to spend time writing yourself.

    For example, I'm using plugins to: check for broken links, generate an RSS feed, and run a test server with automatic reloading.

    But then I was able to easily add in my own code to handle relative links, generate Graphviz diagrams, and format dates.

    One other recommendation: I hated almost every template language I ran across (Hugo's, Liquid, Nunjucks, EJS), but I'm thrilled with the simplicity of Handlebars (https://handlebarsjs.com/), although it is a bit limiting and the "block helper with parameters" syntax is strange (perhaps an indicator that I'm trying to do too much in the templating language!).

  • GitHub repo prerender-spa-plugin

    Prerenders static HTML in a single-page application.

    Project mention: Vue3: Render each route to an html page | reddit.com/r/vuejs | 2021-08-10

    With Vue3, its possible to pre-render each page with `https://github.com/chrisvfritz/prerender-spa-plugin` However, I would like to render each page to an actual html file, so that `vue-router` will not be used, but instead the server will take care of serving each page. Is that possible?

  • GitHub repo react-snap

    👻 Zero-configuration framework-agnostic static prerendering for SPAs

    Project mention: Introducing Perseus for Rust web development! | reddit.com/r/rust | 2021-09-04

    Right now, Perseus needs its server, the architecture doesn't permit purely static operation. That said, something like perseus export will definitely be happening before 1.0.0! In the meantime, maybe try out react-snap?

  • GitHub repo cms.js

    Client-Side JavaScript Site Generator

    Project mention: Offbase: Static site generator in a browser, with no server | news.ycombinator.com | 2021-01-25

    I tried to do something similar with a fully client-side static site generator called [CMS.js](https://github.com/chrisdiana/cms.js) a few years back. Would have liked to get to the point where the content editor was fully client-side too. I personally like the concept though as I can align with many of the points presented on this site.

  • GitHub repo nextra

    The Next.js Static Site Generator

    Project mention: I'm trying to build a statically-generated documentation website with Next.js. Are there any good tutorials or open source examples? | reddit.com/r/nextjs | 2021-09-17

    Hey, you may want to check out https://github.com/shuding/nextra

  • GitHub repo saber

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

    Project mention: If Doge hits $1 I may finally be able to fund my game! | reddit.com/r/dogecoin | 2021-04-19

    https://github.com/saberland/saber (a static website generator) I'm currently rewriting this one.

  • GitHub repo staticman

    💪 User-generated content for Git-powered websites

    Project mention: Add A Comment System To A Jekyll Blog Using Staticman - 1 / 2 | dev.to | 2021-10-14

    Another possible solution to add dynamic content to a GitHub website is to use staticman. On the opposite of the previous solutions using external databases, staticman creates files in your repository, updating your website statically. It is free and open-source but not as straightforward to implement as disqus. The nice thing is that it will store all your comments in your git repository, so there is no risk of losing them.

  • GitHub repo gatsby-starter-ghost

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

    Project mention: Switching from WordPress to GatsbyJS | reddit.com/r/javascript | 2021-03-21

    I used https://github.com/TryGhost/gatsby-starter-ghost, which isn't quite a theme, but comes with a decent amount of complexity, and some bugs.

  • GitHub repo sigal

    yet another simple static gallery generator

    Project mention: How to set up environment to work in a package? | reddit.com/r/learnpython | 2021-09-10

    The tool is Sigal, posted on https://github.com/saimn/sigal. I've forked it already, and cloned it down to my own machine, and have the repo open in VSCode.

  • GitHub repo Charge

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

  • GitHub repo nanogen

    Minimalist static site generator in Node.js

    Project mention: How to create / store "complicated blog post" without plain HTML? | reddit.com/r/webdev | 2021-09-23

    Absolutely. I'm limited to nanogen ( https://github.com/doug2k1/nanogen ) as far as ejs, but maybe it does what you are looking for. It doesn't support markdown and ejs as a single file afaik,... Could be wrong. I just render my markdown with a markdown js library client side with data pulled from an API. Idk, lots of options I suppose. But anything's possible.

  • GitHub repo tinyjam

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

    Project mention: Ask HN: Show me your Half Baked project | news.ycombinator.com | 2021-01-09

    I have a ton of unfinished open source projects, but here's a recent small one I believe can take off:

    https://github.com/mourner/tinyjam — a bare-bones, zero-configuration static site generator that deliberately has no features, an experiment in radical simplicity.

    Essentially a tiny, elegant glue between EJS templates and Markdown with freeform structure (enabling incremental adoption) and convenient defaults, written in under 120 lines of JavaScript.

    I also made a modern EJS implementation specifically for this: https://github.com/mourner/yeahjs

  • GitHub repo api2html

    A CLI tool to transform Swagger/OpenAPI/AsyncAPI docs to beautiful HTML pages via Shins/Widdershins.

    Project mention: Ask HN: Is OpenAPI Documentation Superior? | news.ycombinator.com | 2021-03-25
  • GitHub repo framework-info

    Framework detection utility

    Project mention: TIL: The way Netlify detects which framework your code uses is open source | reddit.com/r/programming | 2021-07-01
  • GitHub repo smix-eleventy-starter

    A starter kit for Eleventy and Forestry CMS/Netlify. Largely paired with gulp v4.

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). The latest post mention was on 2021-10-24.

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 74,697
2 Gatsby 51,560
3 Hexo 33,573
4 VuePress 19,508
5 netlify-cms 14,592
6 eleventy 🕚⚡️ 10,500
7 react-static 9,860
8 Gridsome 7,939
9 Metalsmith 7,670
10 prerender-spa-plugin 6,935
11 react-snap 4,488
12 cms.js 3,013
13 nextra 2,260
14 saber 2,123
15 staticman 2,067
16 gatsby-starter-ghost 844
17 sigal 715
18 Charge 381
19 nanogen 183
20 tinyjam 120
21 api2html 107
22 framework-info 98
23 smix-eleventy-starter 92
Find remote jobs at our new job board 99remotejobs.com. There are 37 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.