What is a Static Site Generator and how to select one?

What is a Static Site Generator and how to select one?

We are at the third article of the series and as promised, we will talk about the Static Site Generators (SSG) today. I am very glad that, last two articles of the series were received well and you found them to be useful.

We are at the third article of the series and as promised, we will talk about the Static Site Generators (SSG) today. I am very glad that, last two articles of the series were received well and you found them to be useful.

If you are new to the series and want to check out previous articles, here are the links,

What is a Static Site Generator?

In the last article we have learned that,

One of the characteristics of JAMstack is the markup should be `prebuilt_`._

The question is, who does it? How does the prebuilt markup get generated? The answer is, Static Site Generator(SSG).

SSG.png

Think of static site generator as a bunch of steps or scripts that takes the data, contents and templates as inputs, process them and produces files as output. These output files are usually the pages and assets that run in the browser as a website.

As we have seen previously, the prebuilt markup has got immense advantages over a traditional way of requesting the page from an origin server. Once the markup is ready by static site generator, it can be deployed to a CDN.

Thereafter, users can access it with all the advantages of,

  • Faster page load, i.e, better performance.
  • Secure
  • Low deployment cost.

SSGdeployed.png

What are my options?

Well, plenty of options actually. If you visit this super cool website, you will see the list of all available(400+) static site generators. It helps you to sort and filter the list based on various factors like, popularity, technology, latest updates etc.

jamstack javascript gatsby netlify react

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

How native is React Native? | React Native vs Native App Development

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

How to build a serverless app with Gatsby, Netlify and FaunaDB

In this article, we will be using the serverless functions to build a user interface of the testimonial app. To do that, we will use Gatsby which is a super cool, react-based static site generator. We will also learn about using Netlify to build and deploy the testimonial app.

Build a Secure Blog with Gatsby, React, and Netlify

Learn how to build a secure blog app with Gatsby, React, and Netlify. Learn how to use Gatsby to create a blog that integrates with Netlify CMS for content. Gatsby is a tool for creating static websites with React. It allows you to pull your data from virtually anywhere: content management systems (CMSs), Markdown files, APIs, and databases. Gatsby leverages GraphQL and webpack to combine your data and React code to generate static files for your website.

Supercharge Your JAMStack Website With Gatsby, Contentful, and Netlify

Here we will get into simple steps on how u can create your next website or blog with easy integrated content management and supercharg. There has been lot of debate going on with the static site generators due to rise of JAMStack application.

How to build a serverless app with Gatsby, Netlify and FaunaDB

n this article, we will continue the app development to add an authentication layer. We will allow our users to create a testimonial only after they authenticate to our app.