Best Static Site Generator to use in 2020
Tags: webdev, serverless, javascript, html
Published: 2020-02-04 06:26:26

**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.

<img width="100px" src="https://dev-to-uploads.s3.amazonaws.com/i/x4tskctauewn9a4ijok2.png" alt="Elevently" />

- [**Elevently**](https://www.11ty.io/ "**here**")

      Elevently is a simpler static site generator in node.js. 

      Visit site [**here**](https://www.11ty.io/ "**here**")


<img width="200px" src="https://dev-to-uploads.s3.amazonaws.com/i/5uy2kjv40lz794d6dwk2.png" alt="Gatsby" />


- [**Gatsby**](https://www.gatsbyjs.org/ "**Gatsby**")
	Gatsby is a free and open-source framework based on React that helps developers build blazing-fast websites and apps.
	
	Visit site [**here**](https://www.gatsbyjs.org/ "**here**")

<img width="100px" src="https://dev-to-uploads.s3.amazonaws.com/i/aoz0vnvj1ket9zblwtgh.png" alt="Gridsome" />

- [**Gridsome**](https://gridsome.org/ "**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**](https://gridsome.org/ "**here**")

<img width="100px" src="https://dev-to-uploads.s3.amazonaws.com/i/vb8u13036is1h4s56ey2.png" alt="Harp" />

- [**Harp**](http://harpjs.com/ "**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**](http://harpjs.com/ "**here**")

<img width="150px" src="https://dev-to-uploads.s3.amazonaws.com/i/0kwkjksgv38ufyhe16xz.png" alt="Hexo" />


- [**Hexo**](https://hexo.io/ "**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**](https://hexo.io/ "**Hexo**")

<img width="200px" src=https://dev-to-uploads.s3.amazonaws.com/i/w62kgq6imq826n7181ot.png alt="Hugo" />

- [**Hugo**](https://gohugo.io/ "**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**](https://gohugo.io/ "**here**")

<img width="150px" src="https://dev-to-uploads.s3.amazonaws.com/i/625ztltl7kzqssarpkkf.png" alt="Jekyll" />

- [**Jekyll**](https://jekyllrb.com/ "**Jekyll**")
	Transform your plain text into static websites and blogs.
	
	Visit site [**here**](https://jekyllrb.com/ "**here**")


<img width="150px" src="https://dev-to-uploads.s3.amazonaws.com/i/q9o9f2j88wm97u4thfb5.png" alt="Jigsaw" />

- [**Jigsaw**](https://jigsaw.tighten.co/ "**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**](https://jigsaw.tighten.co/ "**here**")


<img width="100px" src="https://dev-to-uploads.s3.amazonaws.com/i/ezrv99aqbznnmm4xve3n.png" alt="Metalsmith" />

- [**Metalsmith**](https://metalsmith.io/ "**Metalsmith**")
	An extremely simple, pluggable static site generator in Node.js.
	
	Visit site [**here**](https://metalsmith.io/ "**here**")

<img width="150px" src="https://dev-to-uploads.s3.amazonaws.com/i/r1bnkesqpu72lneryrrs.png" alt="Middleman" />

- [**Middleman**](https://middlemanapp.com/ "**Middleman**")
	Middleman is a static site generator in Ruby using all the shortcuts and tools in modern web development.
	
	Visit site [**here**](https://middlemanapp.com/ "**here**")

<img width="150px" src="https://dev-to-uploads.s3.amazonaws.com/i/zs6e5rgnsygbd0ymjmfk.png" alt="NextJs" />

- [**Nextjs**](https://nextjs.org/ "**Nextjs**")
	With Next.js, server rendering React applications has never been easier, no matter where your data is coming from.
	
	Visit site [**here**](https://nextjs.org/ "**here**")

<img width="150px" src="https://dev-to-uploads.s3.amazonaws.com/i/jnl7yoq4kgvwajp1bfsm.png" alt="Nift" />

- [**Nift**](https://nift.cc/ "**Nift**")
	Nift is possibly the world's fastest website generator, developed from the ground up in C++.
	
	Visit site [**here**](https://nift.cc/ "**here**")

<img width="150px" src="https://dev-to-uploads.s3.amazonaws.com/i/m27p9k3smsek7qmq9r4h.png" alt="Nuxt" />

- [**Nuxt**](https://nuxtjs.org/ "**Nuxt**")
	Nuxt.js presets all the configuration needed to make your development of a Vue.js application enjoyable.
	
	Visit site [**here**](https://nuxtjs.org/ "**here**")

<img width="150px" src="https://dev-to-uploads.s3.amazonaws.com/i/zgpaar3ycikura43q60m.png" alt="React Static" />

- [**React Static**](https://github.com/nozzle/react-static/tree/master/ "**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**](https://github.com/nozzle/react-static/tree/master/ "**here**")

<img width="100px" src="https://dev-to-uploads.s3.amazonaws.com/i/i7hhbtufqmhkquphorns.png" alt="Sapper" />

- [**Sapper**](https://sapper.svelte.dev/ "**Sapper**")
	Sapper is an application framework powered by Svelte — build bigger apps with a smaller footprint
	
	Visit site [**here**](https://sapper.svelte.dev/ "**here**")


<img width="150px" src="https://dev-to-uploads.s3.amazonaws.com/i/eifkg2iiousg7b2ek6qa.png" alt="VuePress" />

- [**VuePress**](https://vuepress.vuejs.org/ "**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**](https://vuepress.vuejs.org/ "**here**")


<img width="100px" src="https://dev-to-uploads.s3.amazonaws.com/i/punlsesb7i30wxo1wp3u.png" alt="Stackbit" />

- [**Stackbit**](https://www.stackbit.com/ "**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**](https://www.stackbit.com/ "**here**")


## **Resources**
[Serverless CSS Tricks](https://serverless.css-tricks.com/services/ssgs "Severless CSS Tricks")

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**