Static Site Generation Cheat Sheet

// pages/blog/[slug].jsexport async function getStaticPaths() {  const posts = await getAllPostSlugs(); // e.g. read markdown files  return {    paths: posts.map((slug) => ({ params: { slug } })),    fallback: false, // any path not returned here => 404  };}export async function getStaticProps({ params }) {  const post = await getPostBySlug(params.slug); // runs at build time  return {    props: { post },    revalidate: 3600, // ISR: regenerate at most once per hour  };}export default function BlogPost({ post }) {  return <article dangerouslySetInnerHTML={{ __html: post.html }} />;}

# Typical SSG build pipelinenpm run build          # e.g. `next build`, `astro build`, `hugo`# Output: a directory of static HTML/CSS/JS/assets, e.g. ./out or ./dist# Deploy static output to a CDN/hostnpx vercel deploy ./out --prod# oraws s3 sync ./dist s3://my-bucket --deleteaws cloudfront create-invalidation --distribution-id ABC123 --paths "/*"