From 1e0b809cb4d1cca7105fbd88b5727ba306516c38 Mon Sep 17 00:00:00 2001
From: Archit Sharma <74408634+iArchitSharma@users.noreply.github.com>
Date: Mon, 31 Jan 2022 16:36:10 +0700
Subject: [PATCH] Resources added for static site generators (#1087)

* Resources added for static site generators

* Update readme.md

Co-authored-by: Kamran Ahmed <kamranahmed.se@gmail.com>
---
 .../content/120-static-site-generators/readme.md      | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/content/roadmaps/100-frontend/content/120-static-site-generators/readme.md b/content/roadmaps/100-frontend/content/120-static-site-generators/readme.md
index 1c80dedcb..1e5a6dc02 100644
--- a/content/roadmaps/100-frontend/content/120-static-site-generators/readme.md
+++ b/content/roadmaps/100-frontend/content/120-static-site-generators/readme.md
@@ -1 +1,10 @@
-# Static site generators
\ No newline at end of file
+# Static Site Generators
+
+A static site generator is a tool that generates a full static HTML website based on raw data and a set of templates. Essentially, a static site generator automates the task of coding individual HTML pages and gets those pages ready to serve to users ahead of time. Because these HTML pages are pre-built, they can load very quickly in users' browsers.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.cloudflare.com/learning/performance/static-site-generator/'>What is a static site generator?</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://nextjs.org/docs/advanced-features/static-html-export'>Next.js SSG</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.gatsbyjs.com/docs/glossary/static-site-generator/'>Gatsby SSG</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.smashingmagazine.com/2021/10/building-ssg-11ty-vite-jam-sandwich/'>SSG — An 11ty, Vite And JAM Sandwich
+</BadgeLink>