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>