Top 23 Static Site Generator Open-Source Projects
-
I used to use Create React App (CRA) for building new applications (i.e. app.example.com). For landing pages, however, I would use NextJS for better SEO (i.e. www.example.com). Nowadays I will exclusively use NextJS over CRA when starting new applications for the following three reasons.
-
use a static site generator-like tool; or actual static site generator like Jekyll or Hugo, to manage structure and push to publishing location (LBRY) either exclusively or in addition to a separate hosting situation.
-
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.
-
Gatsby.
-
Project mention: 5 ways to keep your skills fresh after finishing a coding bootcamp | dev.to | 2021-11-28
To document your learnings, you can create a blog on Medium or dev, where you write about your projects. If you're into web development, you can even build your own blog (I made mine with Jekyll).
-
After searching for a while, I found Hexo, an SSG. I was interested on working on this one since I am working on an SSG myself. I thought, "maybe I can get some inspiration from them on how to approach the design of my SSG🕵️♀️🕵️♀️"
-
Project mention: Slate doc. can get implemented with existing code | reddit.com/r/reactnative | 2021-11-26
-
We use https://vuepress.vuejs.org/ which takes Markdown and turns it into .html pages - so long as they have the git repository locally then they can either look at the Markdown itself or spin up the local dev environment for it.
-
-
Project mention: How do I "deliver" the portfolio website my client asked for? | reddit.com/r/webdev | 2021-11-05
Yeah if the client wants to update the site you need a CMS. Since you are already on Netlify they have a CMS for static sites that is pretty good: https://www.netlifycms.org/
-
I have similar folders to [Oudwin](https://www.reddit.com/user/Oudwin/)... - dm - _inbox - assets - checklist - communications - research-reference - elements - sessions Additionally, I have had reasonable success using [obsidian-export](https://github.com/zoni/obsidian-export) to export my Obsidian vault to CommonMark. From there you have more options. I then build html pages using [mdbook](https://rust-lang.github.io/mdBook/) to control the information that is revealed to players. I am playing with using [MkDocs](https://www.mkdocs.org/) to see if it offers more control/flexibility. Regardless, the /elements folder contains all the lore chunks of the world including information I keep on the PCs. The /communications and /sessions folders can contain info with links to /elements that are revealed as needed. I make heavy use of transclusion ![[CoolThingFormAnotherFolder]] to keep it a bit more elegant and some custom styles are needed to make it how it look how I wish.
-
eleventy 🕚⚡️
A simpler static site generator. An alternative to Jekyll. Transforms a directory of templates (of varying types) into HTML.
Project mention: A potential tool for actual plays: Ink | reddit.com/r/Solo_Roleplaying | 2021-11-17As a developer who likes Eleventy, I don’t think I’d reach out to Ink for those features — I’d probably use Eleventy shortcodes for the Oracle & Row paragraphs, and maybe one of the many Markdown Presentation packages to split it up into mini-pages.
-
Project mention: I built a serverless blog using Pelican, AWS CDK, S3, and Cloudfront! | reddit.com/r/Python | 2021-07-18
Pelican as the static blog generator
-
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/)
-
stencil
A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.
Check whether it's a good idea to adopt Angular for your UI library. If you're an Angular company, then sure go for it. In our case, some folks were building React, Vue, Backbone.js or Angular applications. In this case, consider using Stencil (which we ended up migrating to) or Lit-Element or any other Webcomponents based FWK. Especially with Stencil you can nicely target any major FWK without sacrificing user experience.
-
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.
-
gutenberg
A fast static site generator in a single binary with everything built-in. https://www.getzola.org
Project mention: Ask HN: What is the easiest/fastest way to set up a blog for a developer? | news.ycombinator.com | 2021-11-06 -
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!).
-
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?
-
I was using Middleman at the time, which generates static pages.
-
wowchemy-hugo-themes
🔥 Hugo website builder, Hugo themes & Hugo CMS. No code, build with widgets! 创建在线课程，学术简历或初创网站。
If you're building a personal website from scratch in 2021 (especially a blog), I strongly recommend Hugo over Jekyll. I had used Jekyll for a decade and very often hit random quirks that have been completely eliminated with modern Hugo. However, there's a bit of a migration process if you are moving from Jekyll to Hugo despite both being Markdown-based blogs.
If you want a more advanced framework for a personal website, I recommend Wowchemy (https://wowchemy.com/) on top of Hugo, which gives the tools needed out-of-the-box like lazy loading/SEO/object-oriented collections, albeit with a massive learning curve.
-
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?
-
beautiful-jekyll
✨ Build a beautiful and simple website in literally minutes. Demo at https://beautifuljekyll.com
Project mention: Finally fulfilled my dream and started a D&D blog! | reddit.com/r/DMAcademy | 2021-04-13Thanks, sure. I hosted it on Github Pages and made the blog itself with Beautiful Jekyll.
-
For any Swift devs needing to put together a webpage, check out Publish: https://github.com/JohnSundell/Publish
-
Publii
Publii is a desktop-based CMS for Windows, Mac and Linux that makes creating static websites fast and hassle-free, even for beginners.
Project mention: Static site generators for clients - how do they easily publish/deploy? I sure don't want to do it every time. | reddit.com/r/webdev | 2021-11-19I've recently set up a client with publii. It really couldn't be more straight-forward and they're enjoying it.
Static Site Generator related posts
Index
What are some of the best open-source Static Site Generator projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Next.js | 77,048 |
| 2 | Hugo | 55,366 |
| 3 | Gatsby | 51,778 |
| 4 | Jekyll | 43,715 |
| 5 | Hexo | 33,755 |
| 6 | slate | 33,385 |
| 7 | VuePress | 19,639 |
| 8 | netlify-cms | 14,705 |
| 9 | MkDocs | 13,193 |
| 10 | eleventy 🕚⚡️ | 10,740 |
| 11 | Pelican | 10,671 |
| 12 | react-static | 9,912 |
| 13 | stencil | 9,813 |
| 14 | Gridsome | 8,009 |
| 15 | gutenberg | 7,694 |
| 16 | Metalsmith | 7,686 |
| 17 | prerender-spa-plugin | 6,985 |
| 18 | Middleman | 6,808 |
| 19 | wowchemy-hugo-themes | 6,047 |
| 20 | react-snap | 4,542 |
| 21 | beautiful-jekyll | 3,722 |
| 22 | Publish | 3,680 |
| 23 | Publii | 3,615 |
Are you hiring? Post a new remote job listing for free.
