Welcome back to my blog. Today we will learn what a static generator is and the frameworks that help you build SSG for your website.
Static Site Generator(SSG)
It is a tool to create static HTML web pages without having to rely on databases, external data sources and without having to deal with server side. It is considered an alternative to current content management systems (CMS). Some of its strong points are No need to manage database server side, faster page load speed, can create multiple templates for website...
Hugo is a static website generator written in a programming language. Some of its strengths are that it can be set up on S3, Github Pages, Dropbox... Fast build speed, easy to install, update, allows you to export various data like HTML, JSON, AMP...
Jekyll is a static website generator. It has text written in your favorite markup language and uses layouts to create static web pages. In addition, you can edit the interface of the website, the URLs, the data displayed on the page... Some of its strengths are no need to set up additional databases, provide markdown, improve page load speed... However, it has some weaknesses such as slow build speed of large projects, themes. few. Use the ruby language with the Liquid template.
Nuxt.js is an interface builder built on top of Vue.js that provides many development features for undj web apps like better tag manager, clean, easy to understand app organization, ES6 compilation /ES7 without any setup, provides pre-processors like Less, Sass, Stylus...
- Use templates: EJS, Pug, Mustache, Handlebars, Twig, Marko, Haml, Swig, Nunjucks.
- Easy Deploy to Heroku, Github Page...
- Provides many useful plugins such as EJS, Pug, Babel, PostCSS...
- Markdown support.
- Requires Nodejs 10 or higher.
- Use templates: Pug, Ejs, Markdown, Liquid, HTML, Handlebars...
- Generate pre-rendered static HTML for each page.
- Supports popular bundlers like Webpack, Vite...
- Supply many themes.
- Help to build project documents.
- Built on React.
- Support to translate more than 70 languages.
- Simple and easy to use.
- Offers many plugins.
- Support emoji.
- Provides many themes.
I hope the article will help you shorten the time in designing and developing Static Site Generator and if you have any questions, just send an email and I will respond as soon as possible. I hope you continue to support the site so that I can write more good articles. Have a nice day!