Web & Mobile
SSG is a web rendering technique in which HTML pages are pre-generated at build time rather than on each request, resulting in static files that are served from a CDN for maximum performance and minimal server infrastructure.
Static sites eliminate the need for a runtime server to process each request — the build pipeline generates every page once, and the resulting HTML, CSS, and JavaScript files are deployed to a CDN where they are served with minimal latency globally. This makes SSG ideal for content that changes infrequently: documentation sites, marketing websites, blogs, and portfolios can be rebuilt whenever content changes (triggered by a CMS webhook) and re-deployed in seconds. SSG sites score extremely well on performance and security benchmarks: there is no server to attack with SQL injection or DDoS at the application layer, and CDN caching means pages load in milliseconds worldwide. Frameworks like Next.js, Gatsby, Astro, Hugo, and Eleventy support SSG, often allowing per-page decisions between static and server-rendered approaches.
Example
A SaaS company's documentation site is built with Astro using SSG, generating 500 static HTML pages at build time that are served from Cloudflare's CDN — achieving a perfect 100 Lighthouse performance score and zero server costs.
Related terms
SSR (Server-Side Rendering)
SSR is a web rendering technique in which HTML pages are generated on the server for each request and sent fully formed to the browser, enabling fast initial page loads and search engine-friendly content.
CDN (Content Delivery Network)
A CDN is a globally distributed network of servers that caches and delivers web content — images, CSS, JavaScript, and HTML — from locations geographically close to each user, reducing latency and improving load times.
Headless CMS
A headless CMS is a content management system that decouples the content repository (back end) from the presentation layer (front end), delivering content as structured data via APIs to any channel or device.
Frontend
Frontend refers to the client-side layer of a web or mobile application — everything the user sees and interacts with directly, including layout, visual design, navigation, and interactive behaviour rendered in the browser or on the device.
Ready to grow your business?
Tell us what you're building. We'll reply within one business day with a clear next step.