Static site generator is a compromise between using a hand-coded static site and a full CMS. You generate an HTML-only website using raw data (such as Markdown files) and templates. The resulting build is transferred to your live server.
-
Gatsby
Gatsby is a free and open-source framework based on React that helps developers build blazing-fast websites and apps.Visit site here
-
Gridsome
Gridsome is a Vue.js-powered modern site generator that makes it easy and fun for developers to create beautiful JAMstack websites & PWAs that is fast by default.Visit site here
-
Harp
The static web server with built-in preprocessing. Harp serves Jade, Markdown, EJS, CoffeeScript, Sass, LESS and Stylus as HTML, CSS & JavaScript—no configuration necessary.Visit site here
-
Hexo
Hexo is a fast, simple and powerful blog framework. You write posts in Markdown (or other languages) and Hexo generates static files with a beautiful theme in seconds.Visit site here
-
Hugo
Hugo is one of the most popular open-source static site generators. With its amazing speed and flexibility, Hugo makes building websites fun again.Visit site here
-
Jigsaw
Jigsaw is a PHP static site generator using Laravel's Blade templating engine, Markdown for content-driven pages, and Laravel Mix allowing you to compile your CSS and JavaScript assets the same way you're used to in Laravel.Visit site here
-
Metalsmith
An extremely simple, pluggable static site generator in Node.js.Visit site here
-
Middleman
Middleman is a static site generator in Ruby using all the shortcuts and tools in modern web development.Visit site here
-
Nextjs
With Next.js, server rendering React applications has never been easier, no matter where your data is coming from.Visit site here
-
Nift
Nift is possibly the world's fastest website generator, developed from the ground up in C++.Visit site here
-
Nuxt
Nuxt.js presets all the configuration needed to make your development of a Vue.js application enjoyable.Visit site here
-
React Static
React-Static is a fast, lightweight, and powerful progressive static site generator based on React and its ecosystem. It resembles the simplicity and developer experience you're used to in tools like Create React App and has been carefully designed for performance, flexibility, and user/developer experience.Visit site here
-
Sapper
Sapper is an application framework powered by Svelte — build bigger apps with a smaller footprintVisit site here
-
VuePress
VuePress is composed of two parts: a minimalistic static site generator with a Vue-powered theming system, and a default theme optimized for writing technical documentation.Visit site here
-
Stackbit
Stackbit isn't a static site generator in itself, but rather a really clever and useful service for spinning up a new site using your choice of static site generator, theme, CMS, and git service. Just minutes to spin up a new JAMstack site.Visit site here
Resources
I am just trying to put the collection of awesome services that will be very helpful for creating an application in a quick time.
Which is your favourite Static Site Generator? -- Mine is HUGO and NextJs.
If you have found this blog very helpful then if I had missed any important generator then please feel free to share your thoughts and opinions and leave me a comment if you have any problems or questions.
Till then,
Keep on Hacking, Cheers
Latest comments (38)
Nice 😄, After 5 months , Is
Hugois still best , Among all ?Still fastest.
Great! Thank so much will definitely check out your templates. :D
Hi Matt. I'm trying to build just simple portfolio websites for my friends. I specialize in Javascript and I'm comfortable with CSS too. I don't usually build websites since it's not what I do at work. I'm not yet sure what SSG to use. Would you recommend 11ty over HUGO?
There is also Zola which is written in Rust and is supposed to be really fast. I haven't used it yet, but I'm planning to use it for my next website.
+1 for Zola. Switched to it from Hugo, after Hugo stopped organizing my site correctly. Zola is super fast to compile and dead easy to use.
I use Jekyll for my blog ! Even I built a theme out of it for Developers who want to create a blog using it - Checkout here - devlopr-jekyll 😃
Ey Nirazan! Nice help is yours. Can you write next some little tutos of usage about the ones you think that they are in fact useful? Thank you!
I am thinking about writing HUGO tutorials :)
Pelican is a Python standard. I don't see it in here
^^_Is this a biased list against Angular?
Love your enthusiasm, thanks buddy ... dev.to has a chat function built in doesn't it? yes it does, I should be able to hit you up on "dev.to chat" ... I followed you, if you follow me back then I'll be able to message you ... I'm off to bed soon however, let's do that tomorrow :-)
Right, but Gatsby (as you said) also "pre-generates" static pages (which are then subsequently hydrated to give full SPA capabilities), so the "time to initial page view" would also be quick with Gatsby - right? Javascript then needs to be loaded to make the page interactive but the content would already be there.
The way I see it (correct me if I'm wrong) is that Gatsby is more like a hybrid, it's SSG + SPA, while Hugo etcetera are pure SSG / static (you could then still include Javascript in those pages but it's not part of the "framework").
But if you develop a Gatsby page (or site) which doesn't need any interactivity then it would also not need "hydration" or would it? You then essentially have the "Hugo" model.
You also mention Nuxt.js, but I thought that was based on SSR (server side rendering), same like Next.js, although I heard that Nuxt and/or Next also have an "SSG mode" (so they can do "server side rendering" but 'in advance' instead of 'just in time'). But in principle SSR frameworks like Nuxt and Next need a server to run your "app".