A static website delivered to the user's web browser exactly as stored.Static web pages are often HTML documents stored as files in the file system and made available by the web server over HTTP. On static sites, each page is a separate HTML file. When you visit the homepage, you are viewing only the actual homepage file.
Static site generators solve the pain of building and maintaining a static site. The fundamentals of a static site generator are extremely simple, they take in dynamic content, and layout and output static HTML, CSS, and JavaScript files. There are literally hundreds of static site generators, but essentially they all do exactly the same thing and, for the most part, function similarly.
Static site generators (SSGs) are engines that use text input files such as Markdown, reStructuredText, and AsciiDoc to generate static web pages. Static sites generated by static site generators do not require a backend after site generation, making them first-class citizens on content delivery networks (CDNs). SSGs are typically for rarely-changing, informative content, such as product pages, news websites, (software) documentation, manuals, and blogs.
Here we are discussing about top 5 static site generators based on there Github stars.
Next.js is a minimalistic framework for server-rendered React applications as well as statically exported React apps supported with typescripts
Hugo is a static site generator written in Go. It is optimized for speed, easy use and configurability. Hugo takes a directory with content and templates and renders them into a full html website. Hugo makes use of Markdown files with front matter for meta data. A typical website of moderate size can be rendered in a fraction of a second. A good rule of thumb is that Hugo takes around 1 millisecond for each piece of content. It is written to work well with any kind of website including blogs, tumbles and docs.
Build blazing-fast, modern apps and websites with React.
Enjoy the power of the latest web technologies – React.js, Webpack, modern JavaScript and CSS and more — all setup and waiting for you to start building.
Gatsby.js is a static PWA (Progressive Web App) generator. You get code and data splitting out-of-the-box. Gatsby loads only the critical HTML, CSS, data, and JavaScript so your site loads as fast as possible. Once loaded, Gatsby prefetches resources for other pages so clicking around the site feels incredibly fast.
Gatsby.js builds the fastest possible website. Instead of waiting to generate pages when requested, pre-build pages and lift them into a global cloud of servers — ready to be delivered instantly to your users wherever they are.
Jekyll is a simple, blog-aware, static site generator perfect for personal, project, or organization sites. Think of it like a file-based CMS, without all the complexity. Jekyll takes your content, renders Markdown and Liquid templates, and spits out a complete, static website ready to be served by Apache, Nginx or another web server. Jekyll is the engine behind GitHub Pages, which you can use to host sites right from your GitHub repositories.
Jekyll does what you tell it to do — no more, no less. It doesn't try to outsmart users by making bold assumptions, nor does it burden them with needless complexity and configuration. Put simply, Jekyll gets out of your way and allows you to concentrate on what truly matters: your content.
An easy way to export your Vue.js Web Application into a static website. Write your content in Vue files only. No configuration is needed, just write your Application with Vue.js components.
Vue SSR is used to generate pages for both client and server; It's called Isomorphic/ Universal rendering. Then you can run nuxt generate to generate your static website into a ./dist folder and deploy it everywhere: Netlify, GitHub Pages, GitLab, AWS3, etc...