Static Site Generation

Static Site Generation (SSG) is a method where pages are generated at build time rather than at request time. When you build your Next.js application, it pre-renders each page into HTML files that can be served directly from a CDN.

In the demo above, the courses are generated at build time and served from a CDN. This content will remain static and identical for all users. It is perfect for content that doesn't change often.

Key Benefits of SSG

1. Performance

• Pages are pre-rendered and cached
• Extremely fast page loads
• Reduced server load
• Optimal for CDN distribution

2. SEO

• Search engines can easily crawl the content
• Perfect lighthouse scores
• Consistent content across all users

3. Security

• No direct database connections needed
• Reduced attack surface
• No server-side code execution at runtime

When to Use SSG

Static Site Generation is ideal for:

• Marketing pages
• Blog posts
• E-commerce product listings
• Documentation
• Portfolio websites