Technical

Static Site Generation (SSG)

Static Site Generation (SSG) is a rendering strategy where pages are pre-rendered as static HTML files at build time, served directly from a CDN without server computation on each request.

SSG produces the fastest possible pages — pre-built HTML served from edge CDN locations worldwide. TTFB is minimal because there is no server-side computation. This is ideal for content that does not change between requests: landing pages, blog posts, documentation, and glossary pages.

The limitation is that content is only updated when you rebuild and redeploy. For pages that need fresh data (dashboards, user-specific content), use SSR or ISR instead. In Next.js, pages without dynamic data fetching are automatically statically generated.

Use `generateStaticParams()` in Next.js to pre-render dynamic routes at build time. This is the recommended approach for programmatic SEO pages like glossary terms, use-case pages, and blog posts. Indxel's landing pages and glossary use SSG for maximum performance.

Example

// Next.js App Router — SSG with dynamic routes
// app/glossary/[slug]/page.tsx
export async function generateStaticParams() {
  return glossaryTerms.map((term) => ({
    slug: term.slug,
  }));
}

export default function GlossaryTermPage({
  params,
}: {
  params: { slug: string };
}) {
  const term = glossaryTerms.find((t) => t.slug === params.slug);
  return <article><h1>{term.term}</h1></article>;
}

Stop shipping broken SEO

Indxel validates your metadata, guards your CI/CD pipeline, and monitors indexation — so you never miss an SEO issue again.