[{"data":1,"prerenderedAt":1739},["ShallowReactive",2],{"page:\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fmigrating-from-gatsby-to-astro":3,"all-docs-nav":1201},{"id":4,"title":5,"body":6,"breadcrumb":1176,"dateModified":1186,"datePublished":1186,"description":1187,"extension":1188,"faq":1189,"meta":1194,"navigation":1195,"path":1196,"seo":1197,"slug":12,"stem":1198,"type":1199,"__hash__":1200},"content\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fmigrating-from-gatsby-to-astro\u002Findex.md","Migrating from Gatsby to Astro",{"type":7,"value":8,"toc":1157},"minimark",[9,13,17,31,36,58,62,65,209,212,384,388,391,456,559,582,586,607,673,680,751,755,773,777,800,804,811,908,1008,1011,1015,1030,1034,1073,1077,1080,1084,1089,1092,1096,1099,1103,1106,1110,1113,1117,1153],[10,11,5],"h1",{"id":12},"migrating-from-gatsby-to-astro",[14,15,16],"p",{},"Gatsby shaped a generation of React-based content sites: GraphQL for data, plugins for everything, and a full React application hydrated on every page. Many of those sites are now in an awkward place — long builds, a heavy JavaScript bill for pages that are mostly text, and a plugin ecosystem that has slowed down. Astro is the natural destination for them. It keeps React for the parts that need it, renders everything else to plain HTML, and replaces GraphQL with typed content collections.",[14,18,19,20,25,26,30],{},"This guide migrates a 900-page Gatsby 5 marketing and blog site to Astro 5 in five steps, and measures build time, JavaScript and Core Web Vitals before and after. It follows the playbook in ",[21,22,24],"a",{"href":23},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002F","Migrating Between Static Site Generators","; the alternative destination for Gatsby sites is covered in ",[21,27,29],{"href":28},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fnextjs-static-export-for-content-sites\u002Fmigrating-from-gatsby-to-nextjs-static-export\u002F","Migrating from Gatsby to Next.js Static Export",".",[32,33,35],"h2",{"id":34},"prerequisites","Prerequisites",[37,38,39,52,55],"ul",{},[40,41,42,43,47,48,51],"li",{},"The Gatsby site's source, a list of plugins in ",[44,45,46],"code",{},"gatsby-config.js",", and its production URL list (from ",[44,49,50],{},"public\u002Fsitemap-*.xml"," or a crawl).",[40,53,54],{},"Node.js 20 or later.",[40,56,57],{},"A decision on interactive components: which truly need client-side JavaScript. Usually a handful.",[32,59,61],{"id":60},"step-1-map-plugins-to-astro-equivalents","Step 1: Map Plugins to Astro Equivalents",[14,63,64],{},"Gatsby sites are defined as much by plugins as by code. Map each before moving anything:",[66,67,68,81],"table",{},[69,70,71],"thead",{},[72,73,74,78],"tr",{},[75,76,77],"th",{},"Gatsby plugin",[75,79,80],{},"Astro equivalent",[82,83,84,106,128,141,153,165,179,189,199],"tbody",{},[72,85,86,100],{},[87,88,89,92,93,96,97],"td",{},[44,90,91],{},"gatsby-source-filesystem"," + ",[44,94,95],{},"gatsby-transformer-remark"," \u002F ",[44,98,99],{},"gatsby-plugin-mdx",[87,101,102,103],{},"content collections + ",[44,104,105],{},"@astrojs\u002Fmdx",[72,107,108,116],{},[87,109,110,96,113],{},[44,111,112],{},"gatsby-plugin-image",[44,114,115],{},"gatsby-image",[87,117,118,121,122,96,125],{},[44,119,120],{},"astro:assets"," ",[44,123,124],{},"\u003CImage>",[44,126,127],{},"\u003CPicture>",[72,129,130,135],{},[87,131,132],{},[44,133,134],{},"gatsby-plugin-react-helmet",[87,136,137,140],{},[44,138,139],{},"\u003Chead>"," in a layout component",[72,142,143,148],{},[87,144,145],{},[44,146,147],{},"gatsby-plugin-sitemap",[87,149,150],{},[44,151,152],{},"@astrojs\u002Fsitemap",[72,154,155,160],{},[87,156,157],{},[44,158,159],{},"gatsby-plugin-feed",[87,161,162],{},[44,163,164],{},"@astrojs\u002Frss",[72,166,167,176],{},[87,168,169,172,173],{},[44,170,171],{},"gatsby-plugin-manifest",", ",[44,174,175],{},"-offline",[87,177,178],{},"a static manifest; drop the service worker unless needed",[72,180,181,186],{},[87,182,183],{},[44,184,185],{},"gatsby-remark-prismjs",[87,187,188],{},"built-in Shiki highlighting",[72,190,191,196],{},[87,192,193],{},[44,194,195],{},"gatsby-plugin-google-gtag",[87,197,198],{},"a deferred first-party script or Partytown",[72,200,201,206],{},[87,202,203],{},[44,204,205],{},"gatsby-source-contentful",[87,207,208],{},"a loader in the content layer, or fetch at build time",[14,210,211],{},"The offline plugin deserves a decision rather than a port: service workers from old Gatsby sites often cause more stale-content bugs than they prevent, and dropping one requires shipping a self-unregistering worker for a few months so existing visitors' browsers clean up.",[213,214,215,380],"figure",{},[216,217,224,225,224,229,224,233,224,240,224,365],"svg",{"viewBox":218,"role":219,"ariaLabelledBy":220,"xmlns":223},"0 0 760 290","img",[221,222],"g2a-arch-title","g2a-arch-desc","http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg","\n  ",[226,227,228],"title",{"id":221},"Gatsby's architecture compared with Astro's",[230,231,232],"desc",{"id":222},"Gatsby: sources feed a GraphQL data layer, page queries fetch data, React renders HTML, and the full React app plus page data JSON is hydrated in the browser. Astro: content collections are queried with getCollection, Astro components render HTML, and only components with a client directive ship JavaScript as islands.",[234,235],"rect",{"x":236,"y":236,"width":237,"height":238,"fill":239},"0","760","290","#ffffff",[241,242,244,245,244,253,244,259,244,269,244,275,244,280,244,284,244,287,244,291,244,298,244,304,244,308,244,311,244,315,244,317,244,320,244,322,244,325,244,330,244,334,244,360,224],"g",{"style":243},"font-family:system-ui, sans-serif;font-size:12px","\n    ",[246,247,252],"text",{"x":248,"y":249,"fill":250,"style":251},"380","28","#1f2937","font-size:16px;font-weight:700;text-anchor:middle","Same content, different runtime story",[246,254,258],{"x":255,"y":256,"fill":250,"style":257},"30","84","font-weight:700","Gatsby",[234,260],{"x":261,"y":262,"width":263,"height":264,"rx":265,"fill":266,"stroke":267,"style":268},"110","64","130","36","6","#f8fafc","#d9e2ef","stroke-width:1px",[246,270,274],{"x":271,"y":272,"fill":250,"style":273},"175","87","text-anchor:middle","source plugins",[234,276],{"x":277,"y":262,"width":263,"height":264,"rx":265,"fill":278,"opacity":279,"stroke":278,"style":268},"260","#6a4c93","0.14",[246,281,283],{"x":282,"y":272,"fill":250,"style":273},"325","GraphQL layer",[234,285],{"x":286,"y":262,"width":263,"height":264,"rx":265,"fill":266,"stroke":267,"style":268},"410",[246,288,290],{"x":289,"y":272,"fill":250,"style":273},"475","React SSR",[234,292],{"x":293,"y":262,"width":294,"height":264,"rx":265,"fill":295,"opacity":296,"stroke":297,"style":268},"560","180","#ff595e","0.16","#d83b41",[246,299,303],{"x":300,"y":272,"fill":301,"style":302},"650","#b32b30","font-weight:700;text-anchor:middle","full app hydrated",[246,305,307],{"x":255,"y":306,"fill":250,"style":257},"184","Astro",[234,309],{"x":261,"y":310,"width":263,"height":264,"rx":265,"fill":266,"stroke":267,"style":268},"164",[246,312,314],{"x":271,"y":313,"fill":250,"style":273},"187","collections",[234,316],{"x":277,"y":310,"width":263,"height":264,"rx":265,"fill":278,"opacity":279,"stroke":278,"style":268},[246,318,319],{"x":282,"y":313,"fill":250,"style":273},"getCollection()",[234,321],{"x":286,"y":310,"width":263,"height":264,"rx":265,"fill":266,"stroke":267,"style":268},[246,323,324],{"x":289,"y":313,"fill":250,"style":273},"Astro + React SSR",[234,326],{"x":293,"y":310,"width":294,"height":264,"rx":265,"fill":327,"opacity":328,"stroke":329,"style":268},"#8ac926","0.2","#5a8a16",[246,331,333],{"x":300,"y":313,"fill":332,"style":302},"#3f6410","only islands hydrate",[241,335,339,340,339,345,339,348,339,351,339,354,339,357,244],{"stroke":336,"fill":337,"style":338},"#556071","none","stroke-width:2px","\n      ",[341,342],"path",{"d":343,"style":344},"M242 82 L256 82","marker-end:url(#g2a-arrow)",[341,346],{"d":347,"style":344},"M392 82 L406 82",[341,349],{"d":350,"style":344},"M542 82 L556 82",[341,352],{"d":353,"style":344},"M242 182 L256 182",[341,355],{"d":356,"style":344},"M392 182 L406 182",[341,358],{"d":359,"style":344},"M542 182 L556 182",[246,361,364],{"x":248,"y":362,"fill":336,"style":363},"250","font-size:11px;text-anchor:middle","React components move across largely unchanged; what disappears is the default hydration",[366,367,244,368,224],"defs",{},[369,370,339,377,244],"marker",{"id":371,"viewBox":372,"refX":373,"refY":374,"markerWidth":375,"markerHeight":375,"orient":376},"g2a-arrow","0 0 10 10","8","5","7","auto-start-reverse",[341,378],{"d":379,"fill":336},"M0 0 L10 5 L0 10 z",[381,382,383],"figcaption",{},"The migration keeps the components and drops the runtime most pages never needed.",[32,385,387],{"id":386},"step-2-replace-graphql-queries-with-collections","Step 2: Replace GraphQL Queries With Collections",[14,389,390],{},"A typical Gatsby blog template queries MDX nodes with GraphQL. In Astro, the same data comes from a typed collection:",[392,393,398],"pre",{"className":394,"code":395,"language":396,"meta":397,"style":397},"language-js shiki shiki-themes github-light github-dark","\u002F\u002F Gatsby: src\u002Ftemplates\u002Fpost.js (excerpt)\nexport const query = graphql`\n  query($id: String!) {\n    mdx(id: { eq: $id }) { frontmatter { title date(formatString: \"MMM D, YYYY\") hero { childImageSharp { gatsbyImageData(width: 1200) } } } body }\n  }`;\n","js","",[44,399,400,409,434,440,446],{"__ignoreMap":397},[401,402,405],"span",{"class":403,"line":404},"line",1,[401,406,408],{"class":407},"sJ8bj","\u002F\u002F Gatsby: src\u002Ftemplates\u002Fpost.js (excerpt)\n",[401,410,412,416,419,423,426,430],{"class":403,"line":411},2,[401,413,415],{"class":414},"szBVR","export",[401,417,418],{"class":414}," const",[401,420,422],{"class":421},"sj4cs"," query",[401,424,425],{"class":414}," =",[401,427,429],{"class":428},"sScJk"," graphql",[401,431,433],{"class":432},"sZZnC","`\n",[401,435,437],{"class":403,"line":436},3,[401,438,439],{"class":432},"  query($id: String!) {\n",[401,441,443],{"class":403,"line":442},4,[401,444,445],{"class":432},"    mdx(id: { eq: $id }) { frontmatter { title date(formatString: \"MMM D, YYYY\") hero { childImageSharp { gatsbyImageData(width: 1200) } } } body }\n",[401,447,449,452],{"class":403,"line":448},5,[401,450,451],{"class":432},"  }`",[401,453,455],{"class":454},"sVt8B",";\n",[392,457,461],{"className":458,"code":459,"language":460,"meta":397,"style":397},"language-astro shiki shiki-themes github-light github-dark","---\n\u002F\u002F Astro: src\u002Fpages\u002Fblog\u002F[...slug].astro\nimport { getCollection, render } from 'astro:content';\nimport { Image } from 'astro:assets';\nexport async function getStaticPaths() {\n  const posts = await getCollection('blog', ({ data }) => !data.draft);\n  return posts.map((post) => ({ params: { slug: post.id }, props: { post } }));\n}\nconst { post } = Astro.props;\nconst { Content } = await render(post);\n---\n\u003Carticle>\n  \u003Ch1>{post.data.title}\u003C\u002Fh1>\n  \u003Ctime datetime={post.data.date.toISOString()}>{post.data.date.toLocaleDateString('en-US', { dateStyle: 'medium' })}\u003C\u002Ftime>\n  {post.data.hero && \u003CImage src={post.data.hero} alt={post.data.heroAlt} widths={[640, 960, 1200]} sizes=\"(min-width: 800px) 800px, 100vw\" loading=\"eager\" fetchpriority=\"high\" \u002F>}\n  \u003CContent \u002F>\n\u003C\u002Farticle>\n","astro",[44,462,463,468,473,478,483,488,494,500,506,512,518,523,529,535,541,547,553],{"__ignoreMap":397},[401,464,465],{"class":403,"line":404},[401,466,467],{},"---\n",[401,469,470],{"class":403,"line":411},[401,471,472],{},"\u002F\u002F Astro: src\u002Fpages\u002Fblog\u002F[...slug].astro\n",[401,474,475],{"class":403,"line":436},[401,476,477],{},"import { getCollection, render } from 'astro:content';\n",[401,479,480],{"class":403,"line":442},[401,481,482],{},"import { Image } from 'astro:assets';\n",[401,484,485],{"class":403,"line":448},[401,486,487],{},"export async function getStaticPaths() {\n",[401,489,491],{"class":403,"line":490},6,[401,492,493],{},"  const posts = await getCollection('blog', ({ data }) => !data.draft);\n",[401,495,497],{"class":403,"line":496},7,[401,498,499],{},"  return posts.map((post) => ({ params: { slug: post.id }, props: { post } }));\n",[401,501,503],{"class":403,"line":502},8,[401,504,505],{},"}\n",[401,507,509],{"class":403,"line":508},9,[401,510,511],{},"const { post } = Astro.props;\n",[401,513,515],{"class":403,"line":514},10,[401,516,517],{},"const { Content } = await render(post);\n",[401,519,521],{"class":403,"line":520},11,[401,522,467],{},[401,524,526],{"class":403,"line":525},12,[401,527,528],{},"\u003Carticle>\n",[401,530,532],{"class":403,"line":531},13,[401,533,534],{},"  \u003Ch1>{post.data.title}\u003C\u002Fh1>\n",[401,536,538],{"class":403,"line":537},14,[401,539,540],{},"  \u003Ctime datetime={post.data.date.toISOString()}>{post.data.date.toLocaleDateString('en-US', { dateStyle: 'medium' })}\u003C\u002Ftime>\n",[401,542,544],{"class":403,"line":543},15,[401,545,546],{},"  {post.data.hero && \u003CImage src={post.data.hero} alt={post.data.heroAlt} widths={[640, 960, 1200]} sizes=\"(min-width: 800px) 800px, 100vw\" loading=\"eager\" fetchpriority=\"high\" \u002F>}\n",[401,548,550],{"class":403,"line":549},16,[401,551,552],{},"  \u003CContent \u002F>\n",[401,554,556],{"class":403,"line":555},17,[401,557,558],{},"\u003C\u002Farticle>\n",[14,560,561,562,565,566,569,570,573,574,577,578,581],{},"The collection schema declares ",[44,563,564],{},"hero: image()",", so relative image paths in front matter are resolved and type-checked at build time. ",[44,567,568],{},"createPages"," logic in ",[44,571,572],{},"gatsby-node.js"," moves into ",[44,575,576],{},"getStaticPaths",". Across the site, 34 GraphQL queries became 11 ",[44,579,580],{},"getCollection"," helpers.",[32,583,585],{"id":584},"step-3-port-components-decide-hydration","Step 3: Port Components, Decide Hydration",[14,587,588,589,592,593,172,596,599,600,592,603,606],{},"Presentational React components — cards, headers, callouts — copy across unchanged and render to static HTML with no directive. Components that used Gatsby APIs need small edits: ",[44,590,591],{},"\u003CLink>"," becomes ",[44,594,595],{},"\u003Ca>",[44,597,598],{},"useStaticQuery"," becomes a prop passed from an Astro component, and ",[44,601,602],{},"navigate()",[44,604,605],{},"location.assign",". Only interactive components get a client directive, and each directive is a deliberate choice:",[66,608,609,622],{},[69,610,611],{},[72,612,613,616,619],{},[75,614,615],{},"Component",[75,617,618],{},"Directive",[75,620,621],{},"Why",[82,623,624,634,647,660],{},[72,625,626,629,631],{},[87,627,628],{},"Header, footer, cards, callouts",[87,630,337],{},[87,632,633],{},"static markup",[72,635,636,639,644],{},[87,637,638],{},"Newsletter form",[87,640,641],{},[44,642,643],{},"client:visible",[87,645,646],{},"interactive, below the fold",[72,648,649,652,657],{},[87,650,651],{},"Pricing toggle",[87,653,654],{},[44,655,656],{},"client:idle",[87,658,659],{},"interactive, above the fold but not urgent",[72,661,662,665,670],{},[87,663,664],{},"Code playground",[87,666,667],{},[44,668,669],{},"client:only=\"react\"",[87,671,672],{},"browser-only APIs",[14,674,675,676,30],{},"The costs of each choice are measured in ",[21,677,679],{"href":678},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Fdeferring-hydration-with-client-visible-in-astro\u002F","Deferring Hydration with client:visible in Astro",[213,681,682,748],{},[216,683,224,688,224,691,224,694,224,696],{"viewBox":684,"role":219,"ariaLabelledBy":685,"xmlns":223},"0 0 760 250",[686,687],"g2a-hyd-title","g2a-hyd-desc",[226,689,690],{"id":686},"Where the 238 KB went",[230,692,693],{"id":687},"A stacked bar of Gatsby's 238 kilobytes of JavaScript per page: React and the Gatsby runtime 96 kilobytes, page data and component code 104, and third-party plugins 38. In Astro, static components ship nothing, and the median page ships 14 kilobytes for one newsletter island loaded on visibility.",[234,695],{"x":236,"y":236,"width":237,"height":362,"fill":239},[241,697,244,698,244,701,244,703,244,709,244,713,244,719,244,723,244,728,244,732,244,734,244,739,244,744,224],{"style":243},[246,699,700],{"x":248,"y":249,"fill":250,"style":251},"Compressed JavaScript on the median page",[246,702,258],{"x":255,"y":256,"fill":250,"style":257},[234,704],{"x":705,"y":262,"width":706,"height":707,"fill":295,"opacity":708,"stroke":297,"style":268},"120","240","34","0.28",[246,710,712],{"x":706,"y":711,"fill":250,"style":273},"86","React + runtime 96",[234,714],{"x":715,"y":262,"width":277,"height":707,"fill":716,"opacity":717,"stroke":718,"style":268},"360","#ffca3a","0.38","#a97b00",[246,720,722],{"x":721,"y":711,"fill":250,"style":273},"490","page data + components 104",[234,724],{"x":725,"y":262,"width":726,"height":707,"fill":278,"opacity":727,"stroke":278,"style":268},"620","95","0.25",[246,729,731],{"x":730,"y":711,"fill":250,"style":363},"667","plugins 38",[246,733,307],{"x":255,"y":310,"fill":250,"style":257},[234,735],{"x":705,"y":736,"width":737,"height":707,"fill":327,"opacity":738,"stroke":329,"style":268},"144","35","0.4",[246,740,743],{"x":741,"y":742,"fill":332,"style":257},"165","166","14 KB · one client:visible island",[246,745,747],{"x":248,"y":746,"fill":336,"style":363},"222","Chrome DevTools coverage, median of five templates, KB brotli",[381,749,750],{},"Only one of the site's 41 React components needed to run in the browser on a typical page.",[32,752,754],{"id":753},"content-from-a-headless-cms","Content From a Headless CMS",[14,756,757,758,760,761,763,764,768,769,30],{},"About a third of the site's pages came from Contentful through ",[44,759,205],{},", not from Markdown. In Astro 5, a content-layer loader pulls those entries at build time into a collection with the same ",[44,762,580],{}," API as local files, so templates did not need to know where content lived. The loader stores a digest per entry, which means an unchanged Contentful entry is not re-processed on the next build — the main reason warm builds fell to 38 seconds. Rich text fields became HTML through the official rich-text renderer at build time; embedded entries rendered through the same static components as the Markdown pages. The CMS webhook that had triggered Gatsby Cloud builds was pointed at the new host's build hook, with the debounce described in ",[21,765,767],{"href":766},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams\u002Fwiring-a-headless-cms-to-a-static-build\u002F","Wiring a Headless CMS to a Static Build",". Editors' preview links moved to a draft-enabled preview build, as in ",[21,770,772],{"href":771},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fpreviewing-headless-cms-drafts\u002F","Previewing Headless CMS Drafts",[32,774,776],{"id":775},"step-4-images-and-urls","Step 4: Images and URLs",[14,778,779,781,782,784,785,788,789,792,793,795,796,30],{},[44,780,112],{}," produced excellent images with blur-up placeholders. Astro's ",[44,783,127],{}," generates AVIF and WebP at several widths; the blur placeholder was dropped for the LCP image (it delays the real image) and replaced with a dominant-colour background on others. URLs were kept identical: Gatsby's ",[44,786,787],{},"\u002Fblog\u002Fpost-slug\u002F"," maps directly to the route above, and ",[44,790,791],{},"trailingSlash: 'always'"," matches Gatsby's default. A URL diff in CI between the old sitemap and the new build found 12 mismatches — all pages created programmatically in ",[44,794,572],{}," with slightly different slug logic — which were fixed in the route rather than redirected. The technique is in ",[21,797,799],{"href":798},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fkeeping-redirects-working-after-an-ssg-migration\u002F","Keeping Redirects Working After an SSG Migration",[32,801,803],{"id":802},"measured-impact","Measured Impact",[14,805,806,807,810],{},"GitHub Actions ",[44,808,809],{},"ubuntu-latest"," for builds; Lighthouse 12 mobile medians over five templates; field data from RUM over four weeks each side.",[66,812,813,826],{},[69,814,815],{},[72,816,817,820,823],{},[75,818,819],{},"Measure",[75,821,822],{},"Gatsby 5",[75,824,825],{},"Astro 5",[82,827,828,839,850,861,872,883,894],{},[72,829,830,833,836],{},[87,831,832],{},"Cold build",[87,834,835],{},"7 min 50 s",[87,837,838],{},"1 min 40 s",[72,840,841,844,847],{},[87,842,843],{},"Warm build (cache restored)",[87,845,846],{},"3 min 10 s",[87,848,849],{},"38 s",[72,851,852,855,858],{},[87,853,854],{},"Compressed JS, median page",[87,856,857],{},"238 KB",[87,859,860],{},"14 KB",[72,862,863,866,869],{},[87,864,865],{},"Lab LCP",[87,867,868],{},"2.6 s",[87,870,871],{},"1.2 s",[72,873,874,877,880],{},[87,875,876],{},"Total Blocking Time",[87,878,879],{},"410 ms",[87,881,882],{},"20 ms",[72,884,885,888,891],{},[87,886,887],{},"Field INP p75",[87,889,890],{},"240 ms",[87,892,893],{},"90 ms",[72,895,896,903,906],{},[87,897,898,899,902],{},"Dependencies (",[44,900,901],{},"npm ls --all",")",[87,904,905],{},"1,640",[87,907,286],{},[213,909,910,1005],{},[216,911,224,916,224,919,224,922,224,925],{"viewBox":912,"role":219,"ariaLabelledBy":913,"xmlns":223},"0 0 760 270",[914,915],"g2a-res-title","g2a-res-desc",[226,917,918],{"id":914},"Before and after on four measures",[230,920,921],{"id":915},"Paired bars. Cold build fell from 470 seconds to 100. JavaScript per page from 238 kilobytes to 14. Lab LCP from 2.6 seconds to 1.2. Field INP from 240 milliseconds to 90.",[234,923],{"x":236,"y":236,"width":237,"height":924,"fill":239},"270",[241,926,244,927,244,930,244,933,244,940,244,944,244,950,244,956,244,960,244,963,244,966,244,969,244,973,244,976,244,979,244,982,244,985,244,989,244,993,244,995,244,998,244,1001,224],{"style":243},[246,928,929],{"x":248,"y":249,"fill":250,"style":251},"Gatsby (red) vs Astro (green), each bar scaled to the Gatsby value",[246,931,832],{"x":255,"y":932,"fill":250,"style":257},"74",[234,934],{"x":935,"y":936,"width":937,"height":938,"rx":939,"fill":295,"opacity":708,"stroke":297,"style":268},"170","60","480","16","3",[234,941],{"x":935,"y":942,"width":943,"height":938,"rx":939,"fill":327,"opacity":738,"stroke":329,"style":268},"80","102",[246,945,949],{"x":946,"y":947,"fill":250,"style":948},"658","73","font-size:11px","470 s",[246,951,955],{"x":952,"y":953,"fill":332,"style":954},"280","93","font-size:11px;font-weight:700","100 s",[246,957,959],{"x":255,"y":958,"fill":250,"style":257},"128","JS per page",[234,961],{"x":935,"y":962,"width":937,"height":938,"rx":939,"fill":295,"opacity":708,"stroke":297,"style":268},"114",[234,964],{"x":935,"y":965,"width":249,"height":938,"rx":939,"fill":327,"opacity":738,"stroke":329,"style":268},"134",[246,967,857],{"x":946,"y":968,"fill":250,"style":948},"127",[246,970,860],{"x":971,"y":972,"fill":332,"style":954},"206","147",[246,974,865],{"x":255,"y":975,"fill":250,"style":257},"182",[234,977],{"x":935,"y":978,"width":937,"height":938,"rx":939,"fill":295,"opacity":708,"stroke":297,"style":268},"168",[234,980],{"x":935,"y":981,"width":746,"height":938,"rx":939,"fill":327,"opacity":738,"stroke":329,"style":268},"188",[246,983,868],{"x":946,"y":984,"fill":250,"style":948},"181",[246,986,871],{"x":987,"y":988,"fill":332,"style":954},"400","201",[246,990,992],{"x":255,"y":991,"fill":250,"style":257},"236","Field INP",[234,994],{"x":935,"y":746,"width":937,"height":938,"rx":939,"fill":295,"opacity":708,"stroke":297,"style":268},[234,996],{"x":935,"y":997,"width":294,"height":938,"rx":939,"fill":327,"opacity":738,"stroke":329,"style":268},"242",[246,999,890],{"x":946,"y":1000,"fill":250,"style":948},"235",[246,1002,893],{"x":1003,"y":1004,"fill":332,"style":954},"358","255",[381,1006,1007],{},"Every measure improved; the JavaScript reduction drove the Core Web Vitals changes and the dependency reduction drove build time.",[14,1009,1010],{},"The migration took eleven engineer-days: two for plugin mapping and scaffolding, four for templates and queries, three for components and images, and two for URL parity, testing and cutover.",[32,1012,1014],{"id":1013},"running-both-sites-during-cutover","Running Both Sites During Cutover",[14,1016,1017,1018,1021,1022,1025,1026,1029],{},"Rather than switching the whole domain at once, the team moved section by section. The CDN routed ",[44,1019,1020],{},"\u002Fblog\u002F*"," to the new Astro deploy while everything else still came from the Gatsby build, then ",[44,1023,1024],{},"\u002Fdocs\u002F*"," a week later, then the marketing pages. Each switch was a routing rule change that could be reversed in seconds, and each section got a week of field data before the next moved. Two practical details made this work: both builds shared the same header and footer markup (ported first, so readers did not see a visual seam between sections), and both emitted sitemaps that were merged at the edge into one ",[44,1027,1028],{},"sitemap.xml"," for the duration. The final cutover — removing the Gatsby origin — happened only after the last section had run clean for two weeks, and the Gatsby project stayed deployable for another month in case something surfaced late.",[32,1031,1033],{"id":1032},"pitfalls-rollback","Pitfalls & Rollback",[37,1035,1036,1047,1053,1059,1067],{},[40,1037,1038,1042,1043,1046],{},[1039,1040,1041],"strong",{},"Hydrating everything \"to be safe\"."," Wrapping every React component in ",[44,1044,1045],{},"client:load"," recreates Gatsby's bundle. Start with no directives.",[40,1048,1049,1052],{},[1039,1050,1051],{},"Leaving a Gatsby service worker behind."," Returning visitors can keep seeing the old site. Ship a self-destroying worker at the old path for a few months.",[40,1054,1055,1058],{},[1039,1056,1057],{},"Porting GraphQL literally."," Collections and plain functions are simpler than recreating a query layer; resist building one.",[40,1060,1061,121,1064,1066],{},[1039,1062,1063],{},"Programmatic pages with different slugs.",[44,1065,568],{}," logic often has edge cases; diff URLs in CI.",[40,1068,1069,1072],{},[1039,1070,1071],{},"Rollback:"," keep the Gatsby build deployable on a separate project until the Astro site has four clean weeks; revert DNS or routing to roll back.",[32,1074,1076],{"id":1075},"conclusion","Conclusion",[14,1078,1079],{},"Gatsby-to-Astro migrations keep the part that was valuable — React components and Markdown content — and remove the parts that aged badly: the GraphQL layer, the plugin dependence and the full-page hydration. On a 900-page content site that cut the cold build from nearly eight minutes to under two, JavaScript per page by 94%, and field INP from 240 ms to 90 ms, in eleven engineer-days.",[32,1081,1083],{"id":1082},"faq","FAQ",[1085,1086,1088],"h3",{"id":1087},"can-i-reuse-my-gatsby-react-components-in-astro","Can I reuse my Gatsby React components in Astro?",[14,1090,1091],{},"Yes. Astro's React integration renders React components to HTML at build time, and hydrates them in the browser only if you add a client directive. Most presentational components move over unchanged; components that used Gatsby APIs such as useStaticQuery or Link need small edits.",[1085,1093,1095],{"id":1094},"what-replaces-gatsbys-graphql-layer","What replaces Gatsby's GraphQL layer?",[14,1097,1098],{},"Astro content collections for Markdown and MDX, and plain imports or fetch calls for other data. Queries become getCollection calls with a filter and sort, which are typed from the collection schema.",[1085,1100,1102],{"id":1101},"what-replaces-gatsby-plugin-image","What replaces gatsby-plugin-image?",[14,1104,1105],{},"Astro's built-in Image and Picture components, which generate responsive widths and modern formats at build time. Blur-up placeholders need a small addition, but LCP images usually load faster without them.",[1085,1107,1109],{"id":1108},"how-much-faster-is-the-resulting-site","How much faster is the resulting site?",[14,1111,1112],{},"On our content site, JavaScript per page fell from 238 KB to 14 KB, lab LCP from 2.6 to 1.2 seconds and cold build time from 7 minutes 50 seconds to 1 minute 40 seconds.",[32,1114,1116],{"id":1115},"related","Related",[37,1118,1119,1127,1132,1139,1146],{},[40,1120,1121,121,1124,1126],{},[1039,1122,1123],{},"Parent:",[21,1125,24],{"href":23}," — the migration playbook.",[40,1128,1129,1131],{},[21,1130,29],{"href":28}," — the other common destination.",[40,1133,1134,1138],{},[21,1135,1137],{"href":1136},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Fastro-islands-vs-full-hydration-performance\u002F","Astro Islands vs Full Hydration Performance"," — why the JavaScript bill fell.",[40,1140,1141,1145],{},[21,1142,1144],{"href":1143},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fconverting-front-matter-at-scale-during-migration\u002F","Converting Front Matter at Scale During Migration"," — the content conversion step.",[40,1147,1148,1152],{},[21,1149,1151],{"href":1150},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fimage-optimization-pipelines-in-astro\u002F","Image Optimization Pipelines in Astro"," — replacing gatsby-plugin-image.",[1154,1155,1156],"style",{},"html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":397,"searchDepth":411,"depth":411,"links":1158},[1159,1160,1161,1162,1163,1164,1165,1166,1167,1168,1169,1175],{"id":34,"depth":411,"text":35},{"id":60,"depth":411,"text":61},{"id":386,"depth":411,"text":387},{"id":584,"depth":411,"text":585},{"id":753,"depth":411,"text":754},{"id":775,"depth":411,"text":776},{"id":802,"depth":411,"text":803},{"id":1013,"depth":411,"text":1014},{"id":1032,"depth":411,"text":1033},{"id":1075,"depth":411,"text":1076},{"id":1082,"depth":411,"text":1083,"children":1170},[1171,1172,1173,1174],{"id":1087,"depth":436,"text":1088},{"id":1094,"depth":436,"text":1095},{"id":1101,"depth":436,"text":1102},{"id":1108,"depth":436,"text":1109},{"id":1115,"depth":411,"text":1116},[1177,1180,1183,1184],{"name":1178,"item":1179},"Home","\u002F",{"name":1181,"item":1182},"Choosing the Right Static Site Generator for Production","\u002Fchoosing-the-right-static-site-generator-for-production\u002F",{"name":24,"item":23},{"name":5,"item":1185},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fmigrating-from-gatsby-to-astro\u002F","2026-09-18","Move a Gatsby content site to Astro: replace GraphQL queries with content collections, port React components as islands, and keep image quality and URLs.","md",[1190,1191,1192,1193],{"q":1088,"a":1091},{"q":1095,"a":1098},{"q":1102,"a":1105},{"q":1109,"a":1112},{},true,"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fmigrating-from-gatsby-to-astro",{"title":5,"description":1187},"choosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fmigrating-from-gatsby-to-astro\u002Findex","article","w4j7jaOIzQMf1Y97kKRMjyUGZSzbC0I_jbf9bGskd7o",[1202,1205,1208,1211,1214,1217,1220,1223,1226,1229,1232,1235,1238,1241,1244,1247,1250,1253,1256,1259,1261,1264,1267,1270,1273,1276,1279,1281,1283,1285,1288,1289,1292,1295,1298,1301,1304,1306,1309,1312,1315,1318,1321,1324,1327,1330,1333,1336,1339,1342,1345,1348,1351,1354,1357,1360,1363,1366,1369,1372,1375,1378,1381,1384,1387,1390,1393,1396,1399,1402,1405,1408,1411,1414,1417,1420,1422,1425,1428,1431,1434,1437,1439,1441,1444,1447,1450,1453,1456,1459,1462,1465,1468,1471,1474,1477,1480,1483,1486,1489,1492,1495,1498,1501,1504,1507,1510,1513,1516,1519,1522,1525,1528,1531,1534,1537,1540,1543,1546,1549,1552,1555,1558,1561,1563,1566,1569,1572,1575,1578,1581,1584,1587,1590,1593,1596,1599,1602,1605,1608,1611,1614,1617,1620,1623,1626,1629,1632,1635,1638,1641,1644,1647,1650,1653,1656,1658,1661,1664,1667,1670,1673,1676,1679,1682,1685,1688,1691,1694,1697,1700,1703,1706,1709,1712,1715,1718,1721,1724,1727,1730,1733,1736],{"path":1203,"title":1204},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fastro-vs-eleventy-for-documentation-sites\u002Fastro-vs-eleventy-build-times-at-10000-pages","Astro vs Eleventy Build Times at 10,000 Pages",{"path":1206,"title":1207},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fastro-vs-eleventy-for-documentation-sites\u002Fchoosing-between-astro-and-eleventy-for-large-docs","Astro vs Eleventy for Large Docs (1000+ Pages)",{"path":1209,"title":1210},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fastro-vs-eleventy-for-documentation-sites\u002Fcontent-collections-vs-eleventy-data-cascade","Content Collections vs the Eleventy Data Cascade",{"path":1212,"title":1213},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fastro-vs-eleventy-for-documentation-sites","Astro vs Eleventy for Documentation Sites",{"path":1215,"title":1216},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fastro-vs-eleventy-for-documentation-sites\u002Fshortcodes-vs-components-for-docs-authors","Shortcodes vs Components for Docs Authors",{"path":1218,"title":1219},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fastro-vs-eleventy-for-documentation-sites\u002Fsidebar-navigation-in-astro-and-eleventy","Sidebar Navigation in Astro and Eleventy",{"path":1221,"title":1222},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fcustomizing-starlight-without-forking-the-theme","Customizing Starlight Without Forking the Theme",{"path":1224,"title":1225},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fdocusaurus-vs-starlight-for-product-documentation","Docusaurus vs Starlight for Product Documentation",{"path":1227,"title":1228},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress","Docs Frameworks: Docusaurus, Starlight and VitePress",{"path":1230,"title":1231},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fmdx-vs-markdoc-for-docs-content","MDX vs Markdoc for Docs Content",{"path":1233,"title":1234},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fmigrating-from-mkdocs-to-starlight","Migrating from MkDocs to Starlight",{"path":1236,"title":1237},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fversioned-documentation-with-docusaurus","Versioned Documentation with Docusaurus",{"path":1239,"title":1240},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fvitepress-for-library-documentation","VitePress for Library Documentation",{"path":1242,"title":1243},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fhugo-build-times-for-large-repositories\u002Fhow-to-benchmark-hugo-vs-astro-build-speeds","How to Benchmark Hugo vs Astro Build Speeds",{"path":1245,"title":1246},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fhugo-build-times-for-large-repositories\u002Fhugo-partialcached-for-faster-builds","Hugo partialCached for Faster Builds",{"path":1248,"title":1249},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fhugo-build-times-for-large-repositories","Hugo Build Times for Large Repositories",{"path":1251,"title":1252},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fhugo-build-times-for-large-repositories\u002Fprofiling-hugo-templates-with-template-metrics","Profiling Hugo Templates With Template Metrics",{"path":1254,"title":1255},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fhugo-build-times-for-large-repositories\u002Freducing-hugo-memory-usage-on-ci-runners","Reducing Hugo Memory Usage on CI Runners",{"path":1257,"title":1258},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fhugo-build-times-for-large-repositories\u002Fspeeding-up-hugo-builds-with-render-hooks-and-caching","Speeding Up Hugo Builds with Render Hooks & Caching",{"path":1260,"title":1181},"\u002Fchoosing-the-right-static-site-generator-for-production",{"path":1262,"title":1263},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem\u002Feleventy-vs-jekyll-for-markdown-heavy-blogs","Eleventy vs Jekyll for Markdown-Heavy Blogs",{"path":1265,"title":1266},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem","Jekyll Plugin Ecosystem",{"path":1268,"title":1269},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem\u002Freplacing-jekyll-plugins-when-migrating-to-eleventy","Replacing Jekyll Plugins When Migrating to Eleventy",{"path":1271,"title":1272},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem\u002Frunning-jekyll-on-github-pages-without-plugins","Running Jekyll on GitHub Pages Without Plugins",{"path":1274,"title":1275},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem\u002Fspeeding-up-slow-jekyll-builds","Speeding Up Slow Jekyll Builds",{"path":1277,"title":1278},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem\u002Fupgrading-jekyll-and-ruby-versions-safely","Upgrading Jekyll and Ruby Versions Safely",{"path":1280,"title":1144},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fconverting-front-matter-at-scale-during-migration",{"path":1282,"title":24},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators",{"path":1284,"title":799},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fkeeping-redirects-working-after-an-ssg-migration",{"path":1286,"title":1287},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fmigrating-a-docs-site-from-jekyll-to-hugo","Migrating a Docs Site From Jekyll to Hugo",{"path":1196,"title":5},{"path":1290,"title":1291},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fmigrating-from-hugo-to-astro-without-breaking-urls","Migrating From Hugo to Astro Without Breaking URLs",{"path":1293,"title":1294},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fmigrating-wordpress-to-a-static-site-generator","Migrating WordPress to a Static Site Generator",{"path":1296,"title":1297},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fporting-shortcodes-and-includes-between-generators","Porting Shortcodes and Includes Between Generators",{"path":1299,"title":1300},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fnextjs-static-export-for-content-sites\u002Fhandling-dynamic-routes-in-nextjs-static-export","Handling Dynamic Routes in Next.js Static Export",{"path":1302,"title":1303},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fnextjs-static-export-for-content-sites","Next.js Static Export for Content Sites",{"path":1305,"title":29},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fnextjs-static-export-for-content-sites\u002Fmigrating-from-gatsby-to-nextjs-static-export",{"path":1307,"title":1308},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fnextjs-static-export-for-content-sites\u002Fnextjs-app-router-static-export-limitations","Next.js App Router Static Export Limitations",{"path":1310,"title":1311},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fnextjs-static-export-for-content-sites\u002Fnextjs-static-export-vs-astro-for-marketing-sites","Next.js Static Export vs Astro for Marketing",{"path":1313,"title":1314},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fnextjs-static-export-for-content-sites\u002Foptimizing-images-in-nextjs-static-export","Optimizing Images in Next.js Static Export",{"path":1316,"title":1317},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fadding-pagefind-to-an-astro-site","Adding Pagefind to an Astro Site",{"path":1319,"title":1320},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fbuilding-a-lunr-index-at-build-time-in-eleventy","Building a Lunr Index at Build Time in Eleventy",{"path":1322,"title":1323},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites","Search for Static Sites",{"path":1325,"title":1326},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Findexing-hugo-sites-with-pagefind","Indexing Hugo Sites with Pagefind",{"path":1328,"title":1329},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fmultilingual-search-on-static-sites","Multilingual Search on Static Sites",{"path":1331,"title":1332},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fpagefind-vs-algolia-docsearch","Pagefind vs Algolia DocSearch",{"path":1334,"title":1335},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fsearch-index-size-budgets-for-large-docs","Search Index Size Budgets for Large Docs",{"path":1337,"title":1338},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fssg-framework-selection-matrix\u002Fbest-ssg-for-technical-writers-without-coding-experience","Best SSG for Non-Developer Technical Writers",{"path":1340,"title":1341},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fssg-framework-selection-matrix\u002Fchoosing-an-ssg-for-api-reference-documentation","Choosing an SSG for API Reference Documentation",{"path":1343,"title":1344},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fssg-framework-selection-matrix\u002Fevaluating-ssg-accessibility-defaults","Evaluating SSG Accessibility Defaults",{"path":1346,"title":1347},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fssg-framework-selection-matrix","SSG Framework Selection Matrix",{"path":1349,"title":1350},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fssg-framework-selection-matrix\u002Fpicking-an-ssg-for-a-multi-language-documentation-site","Picking an SSG for a Multi-Language Docs Site",{"path":1352,"title":1353},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fssg-framework-selection-matrix\u002Fssg-selection-checklist-for-engineering-teams","SSG Selection Checklist for Engineering Teams",{"path":1355,"title":1356},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fssg-framework-selection-matrix\u002Ftotal-cost-of-ownership-for-static-site-generators","Total Cost of Ownership for Static Site Generators",{"path":1358,"title":1359},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcdn-caching-rules-for-ssgs\u002Fcache-busting-with-content-hashed-filenames","Cache Busting with Content-Hashed Filenames",{"path":1361,"title":1362},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcdn-caching-rules-for-ssgs","CDN Caching Rules for SSGs",{"path":1364,"title":1365},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcdn-caching-rules-for-ssgs\u002Fpurging-the-cdn-cache-after-a-static-deploy","Purging the CDN Cache After a Static Deploy",{"path":1367,"title":1368},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcdn-caching-rules-for-ssgs\u002Fsetting-cache-control-headers-on-cloudflare-pages","Cache-Control Headers on Cloudflare Pages",{"path":1370,"title":1371},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcdn-caching-rules-for-ssgs\u002Fsetting-up-proper-cache-headers-on-netlify","Proper Cache Headers on Netlify for SSGs",{"path":1373,"title":1374},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcdn-caching-rules-for-ssgs\u002Fstale-while-revalidate-for-static-html","Stale-While-Revalidate for Static HTML",{"path":1376,"title":1377},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcumulative-layout-shift-fixes-for-static-sites\u002Feliminating-layout-shift-from-web-fonts","Eliminating Layout Shift From Web Fonts",{"path":1379,"title":1380},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcumulative-layout-shift-fixes-for-static-sites\u002Ffixing-cls-from-cookie-banners","Fixing CLS from Cookie Banners",{"path":1382,"title":1383},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcumulative-layout-shift-fixes-for-static-sites\u002Ffixing-cls-from-late-loading-embeds","Fixing CLS From Late-Loading Embeds",{"path":1385,"title":1386},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcumulative-layout-shift-fixes-for-static-sites\u002Ffixing-cls-from-sticky-headers-and-anchor-links","Fixing CLS from Sticky Headers and Anchor Links",{"path":1388,"title":1389},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcumulative-layout-shift-fixes-for-static-sites","Cumulative Layout Shift Fixes for Static Sites",{"path":1391,"title":1392},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcumulative-layout-shift-fixes-for-static-sites\u002Fmeasuring-cls-in-the-field-with-web-vitals-js","Measuring CLS in the Field With web-vitals.js",{"path":1394,"title":1395},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcumulative-layout-shift-fixes-for-static-sites\u002Freserving-space-for-images-and-embeds-to-stop-layout-shift","Reserving Space for Images and Embeds",{"path":1397,"title":1398},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Ffont-display-optional-vs-swap","font-display: optional vs swap",{"path":1400,"title":1401},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites","Font Loading Strategies for Static Sites",{"path":1403,"title":1404},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Fmetric-matched-fallback-fonts-with-size-adjust","Metric-Matched Fallback Fonts with size-adjust",{"path":1406,"title":1407},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Fpreloading-fonts-without-double-downloads","Preloading Fonts Without Double Downloads",{"path":1409,"title":1410},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Fself-hosting-google-fonts-to-eliminate-layout-shift","Self-Host Google Fonts to Eliminate Layout Shift",{"path":1412,"title":1413},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Fsubsetting-variable-fonts-for-faster-first-render","Subsetting Variable Fonts for Faster First Render",{"path":1415,"title":1416},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fimage-optimization-pipelines-in-astro\u002Fbuilding-an-image-cdn-pipeline-for-static-sites","Building an Image CDN Pipeline for Static Sites",{"path":1418,"title":1419},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fimage-optimization-pipelines-in-astro\u002Fgenerating-open-graph-images-at-build-time","Generating Open Graph Images at Build Time",{"path":1421,"title":1151},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fimage-optimization-pipelines-in-astro",{"path":1423,"title":1424},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fimage-optimization-pipelines-in-astro\u002Flazy-loading-images-without-hurting-lcp","Lazy-Loading Images Without Hurting LCP",{"path":1426,"title":1427},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fimage-optimization-pipelines-in-astro\u002Foptimizing-webp-images-in-hugo-without-plugins","Optimizing WebP Images in Hugo Without Plugins",{"path":1429,"title":1430},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fimage-optimization-pipelines-in-astro\u002Fresponsive-images-with-srcset-in-eleventy","Responsive Images with srcset in Eleventy",{"path":1432,"title":1433},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fimage-optimization-pipelines-in-astro\u002Fserving-avif-with-fallbacks-on-static-sites","Serving AVIF With Fallbacks on Static Sites",{"path":1435,"title":1436},"\u002Fperformance-optimization-core-web-vitals-for-ssgs","Core Web Vitals Optimization for SSGs",{"path":1438,"title":1137},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Fastro-islands-vs-full-hydration-performance",{"path":1440,"title":679},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Fdeferring-hydration-with-client-visible-in-astro",{"path":1442,"title":1443},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Fhow-to-reduce-bundle-size-in-eleventy-builds","How to Reduce Bundle Size in Eleventy Builds",{"path":1445,"title":1446},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering","JavaScript Hydration & Partial Rendering",{"path":1448,"title":1449},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Fmeasuring-inp-on-static-sites-with-real-user-monitoring","Measuring INP on Static Sites with RUM",{"path":1451,"title":1452},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Freplacing-react-islands-with-web-components","Replacing React Islands with Web Components",{"path":1454,"title":1455},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Flargest-contentful-paint-optimization-for-static-sites\u002Feliminating-render-blocking-css-on-static-sites","Eliminating Render-Blocking CSS on Static Sites",{"path":1457,"title":1458},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Flargest-contentful-paint-optimization-for-static-sites\u002Ffixing-lcp-on-text-heavy-documentation-pages","Fixing LCP on Text-Heavy Documentation Pages",{"path":1460,"title":1461},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Flargest-contentful-paint-optimization-for-static-sites","Largest Contentful Paint Optimization for Static Sites",{"path":1463,"title":1464},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Flargest-contentful-paint-optimization-for-static-sites\u002Fmeasuring-lcp-subparts-with-devtools","Measuring LCP Subparts with DevTools",{"path":1466,"title":1467},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Flargest-contentful-paint-optimization-for-static-sites\u002Foptimizing-lcp-on-astro-with-priority-hints","Optimizing LCP on Astro with Priority Hints",{"path":1469,"title":1470},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Flargest-contentful-paint-optimization-for-static-sites\u002Freducing-lcp-from-hero-images-on-static-sites","Reducing LCP from Hero Images on Static Sites",{"path":1472,"title":1473},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Fcomparing-lab-and-field-data-with-crux","Comparing Lab and Field Data with CrUX",{"path":1475,"title":1476},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci","Performance Budgets and Lighthouse CI",{"path":1478,"title":1479},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Freducing-lighthouse-score-variance-in-ci","Reducing Lighthouse Score Variance in CI",{"path":1481,"title":1482},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Frunning-webpagetest-scripts-against-preview-deploys","Running WebPageTest Scripts Against Preview Deploys",{"path":1484,"title":1485},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Fsetting-up-lighthouse-ci-for-a-static-site","Setting Up Lighthouse CI for a Static Site",{"path":1487,"title":1488},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Ftracking-bundle-size-per-pull-request","Tracking Bundle Size per Pull Request",{"path":1490,"title":1491},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Fwriting-a-performance-budget-that-fails-builds","Writing a Performance Budget That Fails Builds",{"path":1493,"title":1494},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fauditing-unused-preloads","Auditing Unused Preloads",{"path":1496,"title":1497},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed","Resource Hints and Navigation Speed",{"path":1499,"title":1500},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Finstant-navigation-with-speculation-rules","Instant Navigation with Speculation Rules",{"path":1502,"title":1503},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fpreconnect-vs-dns-prefetch-on-static-sites","Preconnect vs DNS-Prefetch on Static Sites",{"path":1505,"title":1506},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fprefetching-links-in-astro","Prefetching Links in Astro",{"path":1508,"title":1509},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fview-transitions-on-multi-page-static-sites","View Transitions on Multi-Page Static Sites",{"path":1511,"title":1512},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fthird-party-script-performance-on-static-sites\u002Fauditing-third-party-scripts-with-lighthouse","Auditing Third-Party Scripts With Lighthouse",{"path":1514,"title":1515},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fthird-party-script-performance-on-static-sites","Third-Party Script Performance on Static Sites",{"path":1517,"title":1518},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fthird-party-script-performance-on-static-sites\u002Flazy-loading-youtube-embeds-on-static-sites","Lazy-Loading YouTube Embeds on Static Sites",{"path":1520,"title":1521},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fthird-party-script-performance-on-static-sites\u002Floading-google-tag-manager-without-hurting-inp","Loading Google Tag Manager Without Hurting INP",{"path":1523,"title":1524},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fthird-party-script-performance-on-static-sites\u002Frunning-third-party-scripts-in-a-web-worker-with-partytown","Running Third-Party Scripts in a Web Worker with Partytown",{"path":1526,"title":1527},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fthird-party-script-performance-on-static-sites\u002Fself-hosting-analytics-to-cut-third-party-requests","Self-Hosting Analytics to Cut Third-Party Requests",{"path":1529,"title":1530},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup\u002Fautomating-eleventy-deployments-with-cloudflare-pages","Automating Eleventy Deployments on Cloudflare Pages",{"path":1532,"title":1533},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup\u002Fconfiguring-redirects-on-cloudflare-pages","Configuring Redirects on Cloudflare Pages",{"path":1535,"title":1536},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup\u002Fcustom-domains-and-tls-on-cloudflare-pages","Custom Domains and TLS on Cloudflare Pages",{"path":1538,"title":1539},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup\u002Fdeploying-hugo-to-cloudflare-pages-and-workers","Deploying Hugo to Cloudflare Pages and Workers",{"path":1541,"title":1542},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup","Cloudflare Pages Edge Caching Setup",{"path":1544,"title":1545},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup\u002Fmigrating-from-cloudflare-pages-to-workers-static-assets","Migrating from Cloudflare Pages to Workers Static Assets",{"path":1547,"title":1548},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams\u002Fchecking-links-in-pull-requests","Checking Links in Pull Requests",{"path":1550,"title":1551},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams\u002Fdocs-as-code-review-workflow-for-writers","Docs-as-Code Review Workflow for Writers",{"path":1553,"title":1554},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams\u002Feditorial-checks-with-vale-in-ci","Editorial Checks with Vale in CI",{"path":1556,"title":1557},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams","Content Workflows for Documentation Teams",{"path":1559,"title":1560},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams\u002Fscheduling-content-publication-with-cron-triggered-builds","Scheduling Content Publication With Cron-Triggered Builds",{"path":1562,"title":767},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams\u002Fwiring-a-headless-cms-to-a-static-build",{"path":1564,"title":1565},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fbuilding-astro-sites-with-github-actions","Building Astro Sites with GitHub Actions",{"path":1567,"title":1568},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fcaching-node-modules-in-github-actions-for-faster-ssg-builds","Caching node_modules in GitHub Actions",{"path":1570,"title":1571},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fdeploying-to-github-pages-with-actions","Deploying to GitHub Pages with Actions",{"path":1573,"title":1574},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fdeploying-to-multiple-environments-from-one-workflow","Deploying to Multiple Environments From One Workflow",{"path":1576,"title":1577},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fhow-to-set-up-github-actions-for-hugo-deployments","GitHub Actions for Hugo Deployments",{"path":1579,"title":1580},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds","GitHub Actions for Automated SSG Builds",{"path":1582,"title":1583},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fmatrix-builds-for-multi-site-monorepos","Matrix Builds for Multi-Site Monorepos",{"path":1585,"title":1586},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fincremental-builds-and-build-caching-for-ssgs\u002Fcaching-hugo-builds-in-github-actions","Caching Hugo Builds in GitHub Actions",{"path":1588,"title":1589},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fincremental-builds-and-build-caching-for-ssgs\u002Fenabling-incremental-builds-in-eleventy","Enabling Incremental Builds in Eleventy",{"path":1591,"title":1592},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fincremental-builds-and-build-caching-for-ssgs\u002Fincremental-builds-in-astro-with-the-content-layer","Incremental Builds in Astro with the Content Layer",{"path":1594,"title":1595},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fincremental-builds-and-build-caching-for-ssgs","Incremental Builds and Build Caching for SSGs",{"path":1597,"title":1598},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fincremental-builds-and-build-caching-for-ssgs\u002Fmeasuring-build-time-regressions-in-ci","Measuring Build-Time Regressions in CI",{"path":1600,"title":1601},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fincremental-builds-and-build-caching-for-ssgs\u002Fremote-caching-with-turborepo-for-ssg-monorepos","Remote Caching with Turborepo for SSG Monorepos",{"path":1603,"title":1604},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fincremental-builds-and-build-caching-for-ssgs\u002Fsharing-build-cache-across-ci-runners","Sharing Build Cache Across CI Runners",{"path":1606,"title":1607},"\u002Fproduction-ready-deployment-cicd-workflows","Production-Ready Deployment & CI\u002FCD for SSGs",{"path":1609,"title":1610},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Falerting-on-cache-hit-ratio-drops","Alerting on Cache Hit Ratio Drops",{"path":1612,"title":1613},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Fbuilding-a-core-web-vitals-dashboard-from-rum-data","Building a Core Web Vitals Dashboard from RUM Data",{"path":1615,"title":1616},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Fcrawling-for-broken-links-on-a-schedule","Crawling for Broken Links on a Schedule",{"path":1618,"title":1619},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production","Monitoring Static Sites in Production",{"path":1621,"title":1622},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Flogging-404s-at-the-edge","Logging 404s at the Edge",{"path":1624,"title":1625},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Fuptime-and-synthetic-checks-for-static-sites","Uptime and Synthetic Checks for Static Sites",{"path":1627,"title":1628},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies\u002Fconfiguring-vercel-for-hugo-and-eleventy","Configuring Vercel for Hugo and Eleventy",{"path":1630,"title":1631},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies","Netlify vs Vercel Deployment Strategies",{"path":1633,"title":1634},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies\u002Fnetlify-build-hooks-for-content-updates","Netlify Build Hooks for Content Updates",{"path":1636,"title":1637},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies\u002Fnetlify-redirects-and-rewrites-for-static-sites","Netlify Redirects and Rewrites for Static Sites",{"path":1639,"title":1640},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies\u002Fsetting-up-deploy-previews-on-netlify-for-every-pull-request","Netlify Deploy Previews for Every Pull Request",{"path":1642,"title":1643},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies\u002Fvercel-isr-vs-static-generation-for-ssgs","Vercel ISR vs Static Generation for SSGs",{"path":1645,"title":1646},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fautomating-preview-deploy-pipelines-with-github-actions","Automating Preview Deploy Pipelines with GitHub Actions",{"path":1648,"title":1649},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fcleaning-up-stale-preview-deployments","Cleaning Up Stale Preview Deployments",{"path":1651,"title":1652},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests","Preview Environments for Pull Requests",{"path":1654,"title":1655},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fpassword-protecting-preview-deployments","Password-Protecting Preview Deployments",{"path":1657,"title":772},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fpreviewing-headless-cms-drafts",{"path":1659,"title":1660},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fvisual-regression-testing-on-preview-deploys","Visual Regression Testing on Preview Deploys",{"path":1662,"title":1663},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Fatomic-deploys-vs-incremental-uploads","Atomic Deploys vs Incremental Uploads",{"path":1665,"title":1666},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Fcanary-releases-for-static-sites","Canary Releases for Static Sites",{"path":1668,"title":1669},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Ffeature-flags-on-static-sites","Feature Flags on Static Sites",{"path":1671,"title":1672},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites","Rollbacks and Deploy Safety for Static Sites",{"path":1674,"title":1675},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Frolling-back-a-bad-static-deploy-in-under-a-minute","Rolling Back a Bad Static Deploy in Under a Minute",{"path":1677,"title":1678},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Frunning-smoke-tests-against-a-preview-url","Running Smoke Tests Against a Preview URL",{"path":1680,"title":1681},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fauditing-npm-dependencies-in-ssg-pipelines","Auditing npm Dependencies in SSG Pipelines",{"path":1683,"title":1684},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fenabling-hsts-and-preload-safely","Enabling HSTS and Preload Safely",{"path":1686,"title":1687},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fhash-based-csp-for-inline-scripts-in-astro","Hash-Based CSP for Inline Scripts in Astro",{"path":1689,"title":1690},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites","Security Headers and Hardening for Static Sites",{"path":1692,"title":1693},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fsecuring-deploy-credentials-with-github-oidc","Securing Deploy Credentials with GitHub OIDC",{"path":1695,"title":1696},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fsubresource-integrity-for-third-party-assets","Subresource Integrity for Third-Party Assets",{"path":1698,"title":1699},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fwriting-a-content-security-policy-for-a-static-site","Writing a Content Security Policy for a Static Site",{"path":1701,"title":1702},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fclean-urls-and-trailing-slashes-on-s3","Clean URLs and Trailing Slashes on S3",{"path":1704,"title":1705},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fcloudfront-functions-for-redirects","CloudFront Functions for Redirects",{"path":1707,"title":1708},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fdeploying-a-static-site-to-s3-and-cloudfront","Deploying a Static Site to S3 and CloudFront",{"path":1710,"title":1711},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites","Self-Hosting Static Sites on S3, Nginx and Caddy",{"path":1713,"title":1714},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fserving-a-static-site-with-caddy","Serving a Static Site with Caddy",{"path":1716,"title":1717},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fserving-a-static-site-with-nginx","Serving a Static Site with Nginx",{"path":1719,"title":1720},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fzero-downtime-deploys-with-symlink-swaps","Zero-Downtime Deploys with Symlink Swaps",{"path":1722,"title":1723},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fadding-a-contact-form-with-cloudflare-workers","Adding a Contact Form with Cloudflare Workers",{"path":1725,"title":1726},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fhandling-form-submissions-on-a-static-site","Handling Form Submissions on a Static Site",{"path":1728,"title":1729},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites","Serverless Functions for Static Sites",{"path":1731,"title":1732},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fnetlify-functions-vs-cloudflare-workers","Netlify Functions vs Cloudflare Workers",{"path":1734,"title":1735},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fprotecting-a-static-site-behind-authentication","Protecting a Static Site Behind Authentication",{"path":1737,"title":1738},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fproxying-third-party-apis-from-an-edge-function","Proxying Third-Party APIs from an Edge Function",1789722847228]