Skip to main content

Static Site Generation (SSG)

Features

Implementing different features and optimizations

Static Site Generation (SSG)
Process of Static Site Generation
Part of Series: Statically Generated Sites
Table of Contents

Static Site Generation (SSG) is a web development technique for creating websites that pre-renders all the content and HTML pages at build time. This means that when a user visits a website generated with SSG, their browser receives a complete, static HTML file that doesn’t require any further processing on the server.

Integrated Flow

Update Header buildVersion
for the S3 origin
Update Header buildVersion...
S3 Bucket
S3 Bucket
SSG Build for both mobile and desktop:
[build_number]/mobile
[build_number]/desktop
Precompress for Gzip and Brotli and Sync Everything
SSG Build for both mobile and desktop:...
Trigger Build
Trigger Build
Website Repo
Websit...
devices
devices
Based on the buildVersion and
Cloudfront-Is-Mobile-Viewer
Update the request URI (prefix)
And using Accept-Encoding,
add prefix for .gzip/.br
Based on the buildVersion and...
Updates Redirect Info
Updates Redirect Info
Trigger
Trigger
For Rollback:
Update buildVersion
For Rollback:...
Run build and deploy pipeline
Run build and deploy pipeline
Origin Request
Interceptor Repo
Origin...
Deploy
Lambda
Deploy...
Build Lambda
Inlined Redirect
Data
Build...
Read Redirects
Read Redirects
Request origin interceptor
Request origin interceptor
Cloudfront
Cloudfront
Text is not SVG - cannot display

SSG Cloudfront Architecture Diagram

SSG Cloudfront Architecture Diagram
SSG Cloudfront Architecture Diagram

Tags