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. Learn more →
Top 23 JavaScript Static Site Generator Projects
-
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.
-
eleventy 🕚⚡️
A simpler site generator. Transforms a directory of templates (of varying types) into HTML.
-
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.
-
gatsby-garden
A Digital Garden Theme for Gatsby. Gatsby Garden lets you create a static HTML version of your markdown notes
-
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.
Project mention: Styling Your Site with Next.js and MUI: Creating a Dynamic Theme Switcher | dev.to | 2024-04-18Remember to start the Next.js server with pnpm dev.
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.
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.
This post outlines the steps for migrating an existing BlogCFC blog to a JamStack, with a focus on using Eleventy.
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.
Project mention: Why You Should Write Your Own Static Site Generator | news.ycombinator.com | 2023-11-03
One gallery option I've found is 'sigal' https://github.com/saimn/sigal
Project mention: Thumbsup: Static web galleries for all your photos and videos | news.ycombinator.com | 2024-02-15
Project mention: Indie postmortem - Solo project - 2000 copies sold - Shapebreaker | /r/gamedev | 2023-05-19I used this one and hosted it as github documentation: https://github.com/pixelnest/presskit.html
JavaScript Static Site Generator related posts
- Converting BlogCFC blog to Eleventy
- Ask HN: What's the simplest static website generator?
- How to Integrate Astro With ApostropheCMS pt. 1
- Building a High-Performance Website with Next.js and WordPress
- Creating excerpts in Astro
- The Current State of React Server Components: A Guide for the Perplexed
- Eleventy - Create a global production flag
-
A note from our sponsor - InfluxDB
www.influxdata.com | 19 Apr 2024
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,306 |
4 | decap-cms | 17,487 |
5 | eleventy 🕚⚡️ | 16,170 |
6 | react-static | 10,283 |
7 | Gridsome | 8,524 |
8 | Metalsmith | 7,819 |
9 | react-snap | 5,026 |
10 | cms.js | 3,043 |
11 | staticman | 2,368 |
12 | saber | 2,148 |
13 | gatsby-starter-decap-cms | 2,054 |
14 | gatsby-starter-ghost | 1,045 |
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 | 142 |