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: How to make a full stack facial authentication app with FaceIo and Next js | dev.to | 2023-02-02

    It uses the Next js for the frontend and backend server and Sqlite for the database. They are both easy to set up and with the commands I will share you, it won't be difficult to test the example on your own as well.

  • Gatsby

    The fastest frontend for the headless web. Build modern websites with React.

    Project mention: Netlify Acquires Gatsby Inc. | reddit.com/r/reactjs | 2023-02-02

    Gatsby is a static site generator that works with anything, not just React. Their site doesn't say anything about Next. https://www.gatsbyjs.com/

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • Hexo

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

    Project mention: Nuxt 3 - showcase your sites | reddit.com/r/Nuxt | 2023-01-09

    Previously I've used Nuxt2 and even sooner - hexo.io

  • VuePress

    📝 Minimalistic Vue-powered static site generator

    Project mention: Using links in markdown to navigate files through directories. | reddit.com/r/iawriter | 2023-01-29

    I'm new to IA Writer, and I'm wanting to use it to draft posts for my Vuepress site.

  • netlify-cms

    A Git-based CMS for Static Site Generators

    Project mention: I made a website for a friend who owns a restaurant. He's wondering if there's a way to upload a picture of his menu daily. What is the best way to do this? | reddit.com/r/learnprogramming | 2023-01-15

    Just so you know netlify cms is free. You can get more details here: https://www.netlifycms.org/

  • eleventy 🕚⚡️

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

    Project mention: Building Your Own Platform: The Importance of Having a Personal Website | dev.to | 2023-01-31

    So, I rebuilt my website with Eleventy, discovering the benefits of static site generators. The experience improved my JavaScript skills and introduced me to a new workflow, including setting up a custom build system and utilizing Netlify as a Content Delivery Network (CDN).

  • react-static

    ⚛️ 🚀 A progressive static site generator for React.

    Project mention: Best Static Site Generators For ReactJS. | reddit.com/r/reactjs | 2022-03-30

    React Static

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.

  • Gridsome

    ⚡️ The Jamstack framework for Vue.js

    Project mention: Will anyone hire a 33 yo newbie? | reddit.com/r/learnprogramming | 2023-01-24

    Node is basically back-end Javascript. While powerful alone, almost exclusively you will use a back-end framework like Next.js or Gatsby when using React, and then maybe Nuxt or Gridsome in Vue.

  • Metalsmith

    An extremely simple, pluggable static site generator.

    Project mention: who is self-hosting a static website and what are you using to build it? | reddit.com/r/selfhosted | 2022-06-11

    I use Metalsmith. Been happy with it. I build my site into a self-contained nginx docker image.

  • prerender-spa-plugin

    Prerenders static HTML in a single-page application.

  • react-snap

    👻 Zero-configuration framework-agnostic static prerendering for SPAs

    Project mention: How to serve a static (NextJS) landing page on / path and a CSR, SPA React app on rest of them? | reddit.com/r/reactjs | 2022-11-03
  • cms.js

    Client-Side JavaScript Site Generator

    Project mention: Creating a blog without a framework | reddit.com/r/webdev | 2022-02-03
  • staticman

    💪 User-generated content for Git-powered websites

    Project mention: free-for.dev | dev.to | 2022-11-08

    Staticman - Staticman is a Node.js application that receives user-generated content and uploads it as data files to a GitHub and/or GitLab repository, using Pull Requests.

  • saber

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

    Project mention: Introducing Blogkit - A Unified Blog Engine | dev.to | 2022-03-05

    Many people blogging on GitHub by using 11ty, Saber, Nextra, and etc. They are all great tools for blogging, with the power of Vercel so we can update our blog by just committing the new markdown file to GitHub.

  • gatsby-starter-netlify-cms

    Example gatsby + netlify cms project (by netlify-templates)

    Project mention: Workerd : le moteur d’exécution JavaScript / Wasm qui alimente les Workers de Cloudflare … | dev.to | 2022-12-04

    [email protected]:~# npx gatsby new gatsby-starter-netlify-cms https://github.com/netlify-templates/gatsby-starter-netlify-cms info Creating new site from git: https://github.com/netlify-templates/gatsby-starter-netlify-cms.git Cloning into 'gatsby-starter-netlify-cms'... remote: Enumerating objects: 101, done. remote: Counting objects: 100% (101/101), done. remote: Compressing objects: 100% (92/92), done. remote: Total 101 (delta 4), reused 56 (delta 1), pack-reused 0 Receiving objects: 100% (101/101), 1.94 MiB | 7.15 MiB/s, done. success Created starter directory layout info Installing packages... info Preferred package manager set to "npm" . . . info Your new Gatsby site has been successfully bootstrapped. Start developing it by running: cd gatsby-starter-netlify-cms gatsby develop

  • gatsby-starter-ghost

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

  • sigal

    yet another simple static gallery generator

    Project mention: personal photography sites ideas | reddit.com/r/AskPhotography | 2022-03-29

    I like gallery generators like Sigal. They have demos for their themes like Galleria.

  • primo

    Primo is a component-based CMS that makes it easy to build visually-editable static sites ⚡️

    Project mention: Just got asked by one of my neighbor to create them a website, after they got to know I am a web developer. I want to, but I am not sure how to. | reddit.com/r/webdev | 2022-12-26

    Check out https://primo.so as a way to build static sites for free using HTML & CSS

  • Charge

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

  • rocket

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

    Project mention: Rocket and web components | dev.to | 2022-10-11

    Rocket is a tool used for creating web pages and it is fabulous for generating static content starting from markdown files. One of the cool thing about Rocket is the fact that web components and javascript can be used inside the markdown files. ​ Creating a project with Rocket is quite straightforward, you can take a look at the documentation or if you like to learn by looking at examples, you can find good ones in the Rocket’s GitHub repository . ​ This guide is created for getting you started with Rocket and FicusJS. FicusJS is a set of lightweight functions for developing applications using web components. ​ Using the Create Ficus App CLI you can quickly scaffold a project that contains a basic structure for working with Rocket and FicusJS. ​ The project will contain:

  • nanogen

    Minimalist static site generator in Node.js

  • tinyjam

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

    Project mention: Static Site Generator in 86 Lines | news.ycombinator.com | 2022-04-08
  • gatsby-garden

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

    Project mention: Any alternative to Obsidian Publish? | reddit.com/r/DigitalGardens | 2022-06-05

    I've built Gatsby Garden some time back for this purpose. Try it out :-)

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

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 2023-02-02.

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 100,156
2 Gatsby 54,053
3 Hexo 36,097
4 VuePress 21,158
5 netlify-cms 16,054
6 eleventy 🕚⚡️ 13,645
7 react-static 10,216
8 Gridsome 8,415
9 Metalsmith 7,786
10 prerender-spa-plugin 7,254
11 react-snap 4,847
12 cms.js 3,041
13 staticman 2,290
14 saber 2,160
15 gatsby-starter-netlify-cms 2,025
16 gatsby-starter-ghost 973
17 sigal 776
18 primo 544
19 Charge 406
20 rocket 298
21 nanogen 189
22 tinyjam 139
23 gatsby-garden 115
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com