[{"data":1,"prerenderedAt":2035},["ShallowReactive",2],{"page:\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fadding-pagefind-to-an-astro-site":3,"all-docs-nav":1494},{"id":4,"title":5,"body":6,"breadcrumb":1471,"dateModified":1481,"datePublished":1481,"description":1482,"extension":1483,"faq":1484,"meta":1489,"navigation":782,"path":1490,"seo":1491,"slug":12,"stem":1492,"type":343,"__hash__":1493},"content\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fadding-pagefind-to-an-astro-site\u002Findex.md","Adding Pagefind to an Astro Site",{"type":7,"value":8,"toc":1452},"minimark",[9,13,17,26,31,52,56,63,157,181,185,192,256,263,406,410,429,438,445,449,456,604,615,711,715,718,1087,1090,1094,1097,1186,1268,1272,1275,1289,1295,1305,1309,1365,1369,1372,1376,1381,1384,1388,1391,1395,1398,1402,1405,1409,1448],[10,11,5],"h1",{"id":12},"adding-pagefind-to-an-astro-site",[14,15,16],"p",{},"Starlight ships Pagefind already configured, but most Astro sites are not Starlight — marketing sites, blogs, product sites with a docs section. For those, Pagefind is a post-build step and a few attributes in your layouts. Done carelessly it indexes every sidebar and footer, ranks the changelog above the guide, and loads 40 KB of JavaScript on every page. Done carefully it gives near-hosted relevance at zero running cost with no impact on page metrics.",[14,18,19,20,25],{},"This guide adds Pagefind to a 1,400-page Astro 5 site in five steps and measures the result. The wider choice between search tools is covered in ",[21,22,24],"a",{"href":23},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002F","Search for Static Sites",".",[27,28,30],"h2",{"id":29},"prerequisites","Prerequisites",[32,33,34,43,46,49],"ul",{},[35,36,37,38,42],"li",{},"An Astro 5 site with static output (",[39,40,41],"code",{},"output: 'static'",", the default).",[35,44,45],{},"Node.js 20 or later.",[35,47,48],{},"A shared layout component that wraps page content — Pagefind's attributes go there.",[35,50,51],{},"Twenty to sixty real search queries with the page each should find, for the relevance check at the end. Pull them from support tickets or existing analytics.",[27,53,55],{"id":54},"step-1-index-after-the-build","Step 1: Index After the Build",[14,57,58,59,62],{},"Pagefind reads HTML, so it runs after ",[39,60,61],{},"astro build",":",[64,65,70],"pre",{"className":66,"code":67,"language":68,"meta":69,"style":69},"language-json shiki shiki-themes github-light github-dark","\u002F\u002F package.json\n{\n  \"scripts\": {\n    \"build\": \"astro build && pagefind --site dist\",\n    \"preview\": \"astro preview\"\n  },\n  \"devDependencies\": { \"pagefind\": \"^1.3.0\" }\n}\n","json","",[39,71,72,81,88,98,114,125,131,151],{"__ignoreMap":69},[73,74,77],"span",{"class":75,"line":76},"line",1,[73,78,80],{"class":79},"sJ8bj","\u002F\u002F package.json\n",[73,82,84],{"class":75,"line":83},2,[73,85,87],{"class":86},"sVt8B","{\n",[73,89,91,95],{"class":75,"line":90},3,[73,92,94],{"class":93},"sj4cs","  \"scripts\"",[73,96,97],{"class":86},": {\n",[73,99,101,104,107,111],{"class":75,"line":100},4,[73,102,103],{"class":93},"    \"build\"",[73,105,106],{"class":86},": ",[73,108,110],{"class":109},"sZZnC","\"astro build && pagefind --site dist\"",[73,112,113],{"class":86},",\n",[73,115,117,120,122],{"class":75,"line":116},5,[73,118,119],{"class":93},"    \"preview\"",[73,121,106],{"class":86},[73,123,124],{"class":109},"\"astro preview\"\n",[73,126,128],{"class":75,"line":127},6,[73,129,130],{"class":86},"  },\n",[73,132,134,137,140,143,145,148],{"class":75,"line":133},7,[73,135,136],{"class":93},"  \"devDependencies\"",[73,138,139],{"class":86},": { ",[73,141,142],{"class":93},"\"pagefind\"",[73,144,106],{"class":86},[73,146,147],{"class":109},"\"^1.3.0\"",[73,149,150],{"class":86}," }\n",[73,152,154],{"class":75,"line":153},8,[73,155,156],{"class":86},"}\n",[14,158,159,160,163,164,167,168,172,173,176,177,180],{},"On the 1,400-page site this added 4.9 seconds to a 38-second build. The output lands in ",[39,161,162],{},"dist\u002Fpagefind\u002F",": an entry script, the WebAssembly search engine, index chunks and page fragments. Everything is fingerprinted, so it can share the site's long-lived ",[39,165,166],{},"immutable"," cache rule from ",[21,169,171],{"href":170},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcdn-caching-rules-for-ssgs\u002Fcache-busting-with-content-hashed-filenames\u002F","Cache Busting with Content-Hashed Filenames"," — except ",[39,174,175],{},"pagefind-entry.json"," and ",[39,178,179],{},"pagefind.js",", which keep stable names and need a short cache lifetime so a new deploy's index is picked up.",[27,182,184],{"id":183},"step-2-draw-the-content-boundary","Step 2: Draw the Content Boundary",[14,186,187,188,191],{},"Without guidance Pagefind indexes the whole ",[39,189,190],{},"\u003Cbody>",", including the header, navigation and footer on every page. A query for \"pricing\" then matches all 1,400 pages because \"Pricing\" is in the nav. Mark the content region in the layout:",[64,193,197],{"className":194,"code":195,"language":196,"meta":69,"style":69},"language-astro shiki shiki-themes github-light github-dark","---\n\u002F\u002F src\u002Flayouts\u002FDoc.astro\nconst { title, section, weight = 1 } = Astro.props;\n---\n\u003Cmain>\n  \u003Carticle data-pagefind-body data-pagefind-meta={`section:${section}`}>\n    \u003Ch1 data-pagefind-weight=\"7\">{title}\u003C\u002Fh1>\n    \u003Cslot \u002F>\n  \u003C\u002Farticle>\n  \u003Caside class=\"toc\" data-pagefind-ignore>...\u003C\u002Faside>\n\u003C\u002Fmain>\n","astro",[39,198,199,204,209,214,218,223,228,233,238,244,250],{"__ignoreMap":69},[73,200,201],{"class":75,"line":76},[73,202,203],{},"---\n",[73,205,206],{"class":75,"line":83},[73,207,208],{},"\u002F\u002F src\u002Flayouts\u002FDoc.astro\n",[73,210,211],{"class":75,"line":90},[73,212,213],{},"const { title, section, weight = 1 } = Astro.props;\n",[73,215,216],{"class":75,"line":100},[73,217,203],{},[73,219,220],{"class":75,"line":116},[73,221,222],{},"\u003Cmain>\n",[73,224,225],{"class":75,"line":127},[73,226,227],{},"  \u003Carticle data-pagefind-body data-pagefind-meta={`section:${section}`}>\n",[73,229,230],{"class":75,"line":133},[73,231,232],{},"    \u003Ch1 data-pagefind-weight=\"7\">{title}\u003C\u002Fh1>\n",[73,234,235],{"class":75,"line":153},[73,236,237],{},"    \u003Cslot \u002F>\n",[73,239,241],{"class":75,"line":240},9,[73,242,243],{},"  \u003C\u002Farticle>\n",[73,245,247],{"class":75,"line":246},10,[73,248,249],{},"  \u003Caside class=\"toc\" data-pagefind-ignore>...\u003C\u002Faside>\n",[73,251,253],{"class":75,"line":252},11,[73,254,255],{},"\u003C\u002Fmain>\n",[14,257,258,259,262],{},"Once any page carries ",[39,260,261],{},"data-pagefind-body",", Pagefind indexes only regions with that attribute across the whole site, so pages without it — tag archives, the 404 page — drop out of search. That is usually what you want; add the attribute to any other layout whose pages should be findable.",[264,265,266,402],"figure",{},[267,268,275,276,275,280,275,284,275,291],"svg",{"viewBox":269,"role":270,"ariaLabelledBy":271,"xmlns":274},"0 0 760 300","img",[272,273],"pfa-bound-title","pfa-bound-desc","http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg","\n  ",[277,278,279],"title",{"id":272},"What Pagefind indexes with and without a content boundary",[281,282,283],"desc",{"id":273},"Two page wireframes. Without a boundary, the header, sidebar, article and footer are all indexed. With data-pagefind-body on the article, only the article is indexed, the heading is weighted seven times, and the table of contents is explicitly ignored.",[285,286],"rect",{"x":287,"y":287,"width":288,"height":289,"fill":290},"0","760","300","#ffffff",[292,293,295,296,295,304,295,310,295,321,295,326,295,331,295,336,295,340,295,344,295,348,295,352,295,355,295,360,295,364,295,366,295,370,295,376,295,383,295,388,295,392,295,394,295,397,275],"g",{"style":294},"font-family:system-ui, sans-serif;font-size:12px","\n    ",[297,298,303],"text",{"x":299,"y":300,"fill":301,"style":302},"380","28","#1f2937","font-size:16px;font-weight:700;text-anchor:middle","Index the answer, not the chrome",[297,305,309],{"x":306,"y":307,"fill":301,"style":308},"190","56","font-weight:700;text-anchor:middle","No boundary",[285,311],{"x":312,"y":313,"width":314,"height":315,"rx":316,"fill":317,"opacity":318,"stroke":319,"style":320},"50","68","280","30","4","#ff595e","0.2","#d83b41","stroke-width:1px",[297,322,325],{"x":306,"y":323,"fill":301,"style":324},"88","text-anchor:middle","header + nav (indexed)",[285,327],{"x":312,"y":328,"width":329,"height":330,"rx":316,"fill":317,"opacity":318,"stroke":319,"style":320},"104","70","130",[297,332,335],{"x":333,"y":334,"fill":301,"style":324},"85","172","sidebar",[285,337],{"x":338,"y":328,"width":339,"height":330,"rx":316,"fill":317,"opacity":318,"stroke":319,"style":320},"126","204",[297,341,343],{"x":342,"y":334,"fill":301,"style":324},"228","article",[285,345],{"x":312,"y":346,"width":314,"height":347,"rx":316,"fill":317,"opacity":318,"stroke":319,"style":320},"240","26",[297,349,351],{"x":306,"y":350,"fill":301,"style":324},"258","footer (indexed)",[297,353,261],{"x":354,"y":307,"fill":301,"style":308},"570",[285,356],{"x":357,"y":313,"width":314,"height":315,"rx":316,"fill":358,"stroke":359,"style":320},"430","#f8fafc","#d9e2ef",[297,361,363],{"x":354,"y":323,"fill":362,"style":324},"#556071","header + nav (skipped)",[285,365],{"x":357,"y":328,"width":329,"height":330,"rx":316,"fill":358,"stroke":359,"style":320},[297,367,369],{"x":368,"y":334,"fill":362,"style":324},"465","skipped",[285,371],{"x":372,"y":328,"width":339,"height":330,"rx":316,"fill":373,"opacity":318,"stroke":374,"style":375},"506","#8ac926","#5a8a16","stroke-width:1.5px",[285,377],{"x":378,"y":379,"width":380,"height":347,"rx":316,"fill":381,"opacity":382,"stroke":381,"style":320},"516","114","184","#6a4c93","0.18",[297,384,387],{"x":385,"y":386,"fill":301,"style":324},"608","132","h1 · weight 7",[297,389,391],{"x":385,"y":390,"fill":301,"style":324},"180","article body (indexed)",[285,393],{"x":357,"y":346,"width":314,"height":347,"rx":316,"fill":358,"stroke":359,"style":320},[297,395,396],{"x":354,"y":350,"fill":362,"style":324},"footer (skipped)",[297,398,401],{"x":299,"y":399,"fill":362,"style":400},"290","font-size:11px;text-anchor:middle","One attribute in one layout removed 41% of indexed words on this site",[403,404,405],"figcaption",{},"The boundary is the single biggest relevance improvement: it removes words that appear on every page and therefore distinguish none.",[27,407,409],{"id":408},"step-3-weight-and-filter","Step 3: Weight and Filter",[14,411,412,413,416,417,420,421,424,425,428],{},"Two more attributes do most of the ranking work. ",[39,414,415],{},"data-pagefind-weight"," multiplies the importance of words inside an element; weighting the ",[39,418,419],{},"\u003Ch1>"," by 7 and ",[39,422,423],{},"\u003Ch2>","s by 3 made a page whose title matched the query outrank a page that merely mentioned it. ",[39,426,427],{},"data-pagefind-filter"," indexes a facet the UI can filter on — section, product or version:",[64,430,432],{"className":194,"code":431,"language":196,"meta":69,"style":69},"\u003Carticle data-pagefind-body data-pagefind-filter={`section:${section}`}>\n",[39,433,434],{"__ignoreMap":69},[73,435,436],{"class":75,"line":76},[73,437,431],{},[14,439,440,441,444],{},"Changelog and release-note pages are the classic relevance problem: they mention every feature name, so they rank for everything. Give them ",[39,442,443],{},"data-pagefind-weight=\"0.3\""," on the body, or exclude them from the default filter so they appear only when the reader chooses \"Changelog\".",[27,446,448],{"id":447},"step-4-load-the-ui-only-when-needed","Step 4: Load the UI Only When Needed",[14,450,451,452,455],{},"Pagefind's default UI is convenient, but loading it in every page's ",[39,453,454],{},"\u003Chead>"," costs every visitor for a feature few use. Render the search trigger as plain HTML and import on first interaction:",[64,457,459],{"className":194,"code":458,"language":196,"meta":69,"style":69},"---\n\u002F\u002F src\u002Fcomponents\u002FSearch.astro\n---\n\u003Cbutton id=\"search-open\" type=\"button\" aria-haspopup=\"dialog\">Search \u003Ckbd>\u002F\u003C\u002Fkbd>\u003C\u002Fbutton>\n\u003Cdialog id=\"search-dialog\" aria-label=\"Search the site\">\u003Cdiv id=\"search\">\u003C\u002Fdiv>\u003C\u002Fdialog>\n\u003Cscript>\n  const dialog = document.getElementById('search-dialog') as HTMLDialogElement;\n  let loaded = false;\n  async function open() {\n    if (!loaded) {\n      const link = Object.assign(document.createElement('link'),\n        { rel: 'stylesheet', href: '\u002Fpagefind\u002Fpagefind-ui.css' });\n      document.head.append(link);\n      \u002F\u002F @ts-ignore — served from dist\u002Fpagefind at runtime\n      const { PagefindUI } = await import(\u002F* @vite-ignore *\u002F '\u002Fpagefind\u002Fpagefind-ui.js');\n      new PagefindUI({ element: '#search', showSubResults: true, resetStyles: false });\n      loaded = true;\n    }\n    dialog.showModal();\n    dialog.querySelector('input')?.focus();\n  }\n  document.getElementById('search-open')!.addEventListener('click', open);\n  addEventListener('keydown', (e) => {\n    if (e.key === '\u002F' && !(e.target as HTMLElement).closest('input,textarea')) { e.preventDefault(); open(); }\n  });\n\u003C\u002Fscript>\n",[39,460,461,465,470,474,479,484,489,494,499,504,509,514,520,526,532,538,544,550,556,562,568,574,580,586,592,598],{"__ignoreMap":69},[73,462,463],{"class":75,"line":76},[73,464,203],{},[73,466,467],{"class":75,"line":83},[73,468,469],{},"\u002F\u002F src\u002Fcomponents\u002FSearch.astro\n",[73,471,472],{"class":75,"line":90},[73,473,203],{},[73,475,476],{"class":75,"line":100},[73,477,478],{},"\u003Cbutton id=\"search-open\" type=\"button\" aria-haspopup=\"dialog\">Search \u003Ckbd>\u002F\u003C\u002Fkbd>\u003C\u002Fbutton>\n",[73,480,481],{"class":75,"line":116},[73,482,483],{},"\u003Cdialog id=\"search-dialog\" aria-label=\"Search the site\">\u003Cdiv id=\"search\">\u003C\u002Fdiv>\u003C\u002Fdialog>\n",[73,485,486],{"class":75,"line":127},[73,487,488],{},"\u003Cscript>\n",[73,490,491],{"class":75,"line":133},[73,492,493],{},"  const dialog = document.getElementById('search-dialog') as HTMLDialogElement;\n",[73,495,496],{"class":75,"line":153},[73,497,498],{},"  let loaded = false;\n",[73,500,501],{"class":75,"line":240},[73,502,503],{},"  async function open() {\n",[73,505,506],{"class":75,"line":246},[73,507,508],{},"    if (!loaded) {\n",[73,510,511],{"class":75,"line":252},[73,512,513],{},"      const link = Object.assign(document.createElement('link'),\n",[73,515,517],{"class":75,"line":516},12,[73,518,519],{},"        { rel: 'stylesheet', href: '\u002Fpagefind\u002Fpagefind-ui.css' });\n",[73,521,523],{"class":75,"line":522},13,[73,524,525],{},"      document.head.append(link);\n",[73,527,529],{"class":75,"line":528},14,[73,530,531],{},"      \u002F\u002F @ts-ignore — served from dist\u002Fpagefind at runtime\n",[73,533,535],{"class":75,"line":534},15,[73,536,537],{},"      const { PagefindUI } = await import(\u002F* @vite-ignore *\u002F '\u002Fpagefind\u002Fpagefind-ui.js');\n",[73,539,541],{"class":75,"line":540},16,[73,542,543],{},"      new PagefindUI({ element: '#search', showSubResults: true, resetStyles: false });\n",[73,545,547],{"class":75,"line":546},17,[73,548,549],{},"      loaded = true;\n",[73,551,553],{"class":75,"line":552},18,[73,554,555],{},"    }\n",[73,557,559],{"class":75,"line":558},19,[73,560,561],{},"    dialog.showModal();\n",[73,563,565],{"class":75,"line":564},20,[73,566,567],{},"    dialog.querySelector('input')?.focus();\n",[73,569,571],{"class":75,"line":570},21,[73,572,573],{},"  }\n",[73,575,577],{"class":75,"line":576},22,[73,578,579],{},"  document.getElementById('search-open')!.addEventListener('click', open);\n",[73,581,583],{"class":75,"line":582},23,[73,584,585],{},"  addEventListener('keydown', (e) => {\n",[73,587,589],{"class":75,"line":588},24,[73,590,591],{},"    if (e.key === '\u002F' && !(e.target as HTMLElement).closest('input,textarea')) { e.preventDefault(); open(); }\n",[73,593,595],{"class":75,"line":594},25,[73,596,597],{},"  });\n",[73,599,601],{"class":75,"line":600},26,[73,602,603],{},"\u003C\u002Fscript>\n",[14,605,606,607,610,611,614],{},"The ",[39,608,609],{},"\u002F* @vite-ignore *\u002F"," comment stops Vite trying to bundle a file that only exists after the Pagefind step. ",[39,612,613],{},"showSubResults: true"," lets results link to the matching heading rather than the page top.",[264,616,617,708],{},[267,618,275,623,275,626,275,629,275,632],{"viewBox":619,"role":270,"ariaLabelledBy":620,"xmlns":274},"0 0 760 270",[621,622],"pfa-lazy-title","pfa-lazy-desc",[277,624,625],{"id":621},"Eager versus lazy loading of the search UI",[281,627,628],{"id":622},"Two page-load timelines. Eager loading fetches 38 kilobytes of search JavaScript and CSS during page load and adds 90 milliseconds of blocking time before first interaction. Lazy loading fetches nothing during page load; the same files load only when the reader opens search, taking about 120 milliseconds on first open.",[285,630],{"x":287,"y":287,"width":288,"height":631,"fill":290},"270",[292,633,295,634,295,637,295,642,295,648,295,652,295,658,295,663,295,669,295,672,295,676,295,680,295,685,295,689,295,695,295,699,295,704,275],{"style":294},[297,635,636],{"x":299,"y":300,"fill":301,"style":302},"Who pays for search, and when",[297,638,641],{"x":315,"y":639,"fill":301,"style":640},"84","font-weight:700","Eager",[285,643],{"x":644,"y":645,"width":646,"height":300,"rx":316,"fill":647,"opacity":318,"stroke":647,"style":320},"120","66","260","#1982c4",[297,649,651],{"x":650,"y":333,"fill":301,"style":324},"250","page load",[285,653],{"x":346,"y":654,"width":655,"height":656,"rx":316,"fill":317,"opacity":657,"stroke":319,"style":320},"100","140","22","0.25",[297,659,662],{"x":660,"y":661,"fill":301,"style":400},"310","116","search UI 38 KB",[297,664,668],{"x":665,"y":661,"fill":666,"style":667},"400","#b32b30","font-size:11px;font-weight:700","+90 ms TBT on every page",[297,670,671],{"x":315,"y":380,"fill":301,"style":640},"Lazy",[285,673],{"x":644,"y":674,"width":675,"height":300,"rx":316,"fill":647,"opacity":318,"stroke":647,"style":320},"166","220",[297,677,651],{"x":678,"y":679,"fill":301,"style":324},"230","185",[285,681],{"x":682,"y":674,"width":683,"height":300,"rx":316,"fill":373,"opacity":684,"stroke":374,"style":320},"520","90","0.3",[297,686,688],{"x":687,"y":679,"fill":301,"style":324},"565","search UI",[75,690],{"x1":691,"y1":692,"x2":691,"y2":693,"stroke":362,"style":694},"505","156","206","stroke-width:1.5px;stroke-dasharray:4 3",[297,696,698],{"x":691,"y":697,"fill":362,"style":400},"222","reader presses \u002F",[297,700,703],{"x":701,"y":679,"fill":702,"style":667},"620","#3f6410","~120 ms, once",[297,705,707],{"x":299,"y":706,"fill":362,"style":400},"256","Lighthouse 12 mobile; 6% of sessions on this site opened search at all",[403,709,710],{},"With 6% of sessions using search, eager loading charged the other 94% for nothing.",[27,712,714],{"id":713},"step-5-check-relevance-in-ci","Step 5: Check Relevance in CI",[14,716,717],{},"Pagefind has a Node API that can build and query an index without a browser. Use it to run your query list against every build:",[64,719,723],{"className":720,"code":721,"language":722,"meta":69,"style":69},"language-js shiki shiki-themes github-light github-dark","\u002F\u002F scripts\u002Fsearch-check.mjs\nimport * as pagefind from 'pagefind';\nimport cases from '.\u002Fsearch-cases.json' with { type: 'json' };\n\nconst { index } = await pagefind.createIndex();\nawait index.addDirectory({ path: 'dist' });\nconst { search } = await (await import('..\u002Fdist\u002Fpagefind\u002Fpagefind.js'));\nlet first = 0;\nfor (const { q, url } of cases) {\n  const r = await search(q);\n  const top = await r.results[0]?.data();\n  if (top?.url === url) first++; else console.log(`miss: \"${q}\" → ${top?.url}`);\n}\nconsole.log(`${first}\u002F${cases.length} ranked first`);\nif (first \u003C Number(process.env.SEARCH_BASELINE ?? 0) - 2) process.exit(1);\n","js",[39,724,725,730,754,778,784,814,834,866,881,909,928,952,1005,1009,1040],{"__ignoreMap":69},[73,726,727],{"class":75,"line":76},[73,728,729],{"class":79},"\u002F\u002F scripts\u002Fsearch-check.mjs\n",[73,731,732,736,739,742,745,748,751],{"class":75,"line":83},[73,733,735],{"class":734},"szBVR","import",[73,737,738],{"class":93}," *",[73,740,741],{"class":734}," as",[73,743,744],{"class":86}," pagefind ",[73,746,747],{"class":734},"from",[73,749,750],{"class":109}," 'pagefind'",[73,752,753],{"class":86},";\n",[73,755,756,758,761,763,766,769,772,775],{"class":75,"line":90},[73,757,735],{"class":734},[73,759,760],{"class":86}," cases ",[73,762,747],{"class":734},[73,764,765],{"class":109}," '.\u002Fsearch-cases.json'",[73,767,768],{"class":734}," with",[73,770,771],{"class":86}," { type: ",[73,773,774],{"class":109},"'json'",[73,776,777],{"class":86}," };\n",[73,779,780],{"class":75,"line":100},[73,781,783],{"emptyLinePlaceholder":782},true,"\n",[73,785,786,789,792,795,798,801,804,807,811],{"class":75,"line":116},[73,787,788],{"class":734},"const",[73,790,791],{"class":86}," { ",[73,793,794],{"class":93},"index",[73,796,797],{"class":86}," } ",[73,799,800],{"class":734},"=",[73,802,803],{"class":734}," await",[73,805,806],{"class":86}," pagefind.",[73,808,810],{"class":809},"sScJk","createIndex",[73,812,813],{"class":86},"();\n",[73,815,816,819,822,825,828,831],{"class":75,"line":127},[73,817,818],{"class":734},"await",[73,820,821],{"class":86}," index.",[73,823,824],{"class":809},"addDirectory",[73,826,827],{"class":86},"({ path: ",[73,829,830],{"class":109},"'dist'",[73,832,833],{"class":86}," });\n",[73,835,836,838,840,843,845,847,849,852,854,857,860,863],{"class":75,"line":133},[73,837,788],{"class":734},[73,839,791],{"class":86},[73,841,842],{"class":93},"search",[73,844,797],{"class":86},[73,846,800],{"class":734},[73,848,803],{"class":734},[73,850,851],{"class":86}," (",[73,853,818],{"class":734},[73,855,856],{"class":734}," import",[73,858,859],{"class":86},"(",[73,861,862],{"class":109},"'..\u002Fdist\u002Fpagefind\u002Fpagefind.js'",[73,864,865],{"class":86},"));\n",[73,867,868,871,874,876,879],{"class":75,"line":153},[73,869,870],{"class":734},"let",[73,872,873],{"class":86}," first ",[73,875,800],{"class":734},[73,877,878],{"class":93}," 0",[73,880,753],{"class":86},[73,882,883,886,888,890,892,895,898,901,903,906],{"class":75,"line":240},[73,884,885],{"class":734},"for",[73,887,851],{"class":86},[73,889,788],{"class":734},[73,891,791],{"class":86},[73,893,894],{"class":93},"q",[73,896,897],{"class":86},", ",[73,899,900],{"class":93},"url",[73,902,797],{"class":86},[73,904,905],{"class":734},"of",[73,907,908],{"class":86}," cases) {\n",[73,910,911,914,917,920,922,925],{"class":75,"line":246},[73,912,913],{"class":734},"  const",[73,915,916],{"class":93}," r",[73,918,919],{"class":734}," =",[73,921,803],{"class":734},[73,923,924],{"class":809}," search",[73,926,927],{"class":86},"(q);\n",[73,929,930,932,935,937,939,942,944,947,950],{"class":75,"line":252},[73,931,913],{"class":734},[73,933,934],{"class":93}," top",[73,936,919],{"class":734},[73,938,803],{"class":734},[73,940,941],{"class":86}," r.results[",[73,943,287],{"class":93},[73,945,946],{"class":86},"]?.",[73,948,949],{"class":809},"data",[73,951,813],{"class":86},[73,953,954,957,960,963,966,969,972,975,978,981,983,986,988,991,994,997,999,1002],{"class":75,"line":516},[73,955,956],{"class":734},"  if",[73,958,959],{"class":86}," (top?.url ",[73,961,962],{"class":734},"===",[73,964,965],{"class":86}," url) first",[73,967,968],{"class":734},"++",[73,970,971],{"class":86},"; ",[73,973,974],{"class":734},"else",[73,976,977],{"class":86}," console.",[73,979,980],{"class":809},"log",[73,982,859],{"class":86},[73,984,985],{"class":109},"`miss: \"${",[73,987,894],{"class":86},[73,989,990],{"class":109},"}\" → ${",[73,992,993],{"class":86},"top",[73,995,996],{"class":109},"?.",[73,998,900],{"class":86},[73,1000,1001],{"class":109},"}`",[73,1003,1004],{"class":86},");\n",[73,1006,1007],{"class":75,"line":522},[73,1008,156],{"class":86},[73,1010,1011,1014,1016,1018,1021,1024,1027,1030,1032,1035,1038],{"class":75,"line":528},[73,1012,1013],{"class":86},"console.",[73,1015,980],{"class":809},[73,1017,859],{"class":86},[73,1019,1020],{"class":109},"`${",[73,1022,1023],{"class":86},"first",[73,1025,1026],{"class":109},"}\u002F${",[73,1028,1029],{"class":86},"cases",[73,1031,25],{"class":109},[73,1033,1034],{"class":93},"length",[73,1036,1037],{"class":109},"} ranked first`",[73,1039,1004],{"class":86},[73,1041,1042,1045,1048,1051,1054,1057,1060,1063,1065,1068,1071,1074,1077,1080,1082,1085],{"class":75,"line":534},[73,1043,1044],{"class":734},"if",[73,1046,1047],{"class":86}," (first ",[73,1049,1050],{"class":734},"\u003C",[73,1052,1053],{"class":809}," Number",[73,1055,1056],{"class":86},"(process.env.",[73,1058,1059],{"class":93},"SEARCH_BASELINE",[73,1061,1062],{"class":734}," ??",[73,1064,878],{"class":93},[73,1066,1067],{"class":86},") ",[73,1069,1070],{"class":734},"-",[73,1072,1073],{"class":93}," 2",[73,1075,1076],{"class":86},") process.",[73,1078,1079],{"class":809},"exit",[73,1081,859],{"class":86},[73,1083,1084],{"class":93},"1",[73,1086,1004],{"class":86},[14,1088,1089],{},"Store the baseline in the repository and raise it when relevance improves. The check runs in about three seconds and turns \"search got worse\" from an anecdote into a failing build.",[27,1091,1093],{"id":1092},"measured-impact","Measured Impact",[14,1095,1096],{},"Before, the site used a Lunr index generated by a custom script. After, Pagefind with the boundary, weights and lazy UI:",[1098,1099,1100,1116],"table",{},[1101,1102,1103],"thead",{},[1104,1105,1106,1110,1113],"tr",{},[1107,1108,1109],"th",{},"Measure",[1107,1111,1112],{},"Lunr (before)",[1107,1114,1115],{},"Pagefind (after)",[1117,1118,1119,1131,1142,1153,1164,1175],"tbody",{},[1104,1120,1121,1125,1128],{},[1122,1123,1124],"td",{},"Index build time",[1122,1126,1127],{},"14.1 s",[1122,1129,1130],{},"4.9 s",[1104,1132,1133,1136,1139],{},[1122,1134,1135],{},"First-query download (gzip)",[1122,1137,1138],{},"1.2 MB",[1122,1140,1141],{},"88 KB",[1104,1143,1144,1147,1150],{},[1122,1145,1146],{},"Time to first result, Moto G Power, fast 4G",[1122,1148,1149],{},"2.7 s",[1122,1151,1152],{},"0.4 s",[1104,1154,1155,1158,1161],{},[1122,1156,1157],{},"Queries ranked first (of 48)",[1122,1159,1160],{},"33",[1122,1162,1163],{},"41",[1104,1165,1166,1169,1172],{},[1122,1167,1168],{},"JavaScript on pages without search open",[1122,1170,1171],{},"21 KB",[1122,1173,1174],{},"0 KB",[1104,1176,1177,1180,1183],{},[1122,1178,1179],{},"Lighthouse Performance, docs template",[1122,1181,1182],{},"93",[1122,1184,1185],{},"99",[264,1187,1188,1265],{},[267,1189,275,1194,275,1197,275,1200,275,1202],{"viewBox":1190,"role":270,"ariaLabelledBy":1191,"xmlns":274},"0 0 760 250",[1192,1193],"pfa-ttr-title","pfa-ttr-desc",[277,1195,1196],{"id":1192},"Time to first search result on a mid-range phone",[281,1198,1199],{"id":1193},"Two stacked bars. With Lunr, the reader waited 2.7 seconds: 2.3 seconds downloading and parsing a 1.2 megabyte index and 0.4 seconds loading the library. With Pagefind, the reader waited 0.4 seconds: 0.25 seconds loading the library and WebAssembly and 0.15 seconds fetching 88 kilobytes of fragments.",[285,1201],{"x":287,"y":287,"width":288,"height":650,"fill":290},[292,1203,295,1204,295,1207,295,1210,295,1214,295,1218,295,1222,295,1225,295,1229,295,1232,295,1236,295,1239,295,1243,295,1248,295,1250,295,1254,295,1257,295,1261,275],{"style":294},[297,1205,1206],{"x":299,"y":300,"fill":301,"style":302},"From opening search to the first result",[297,1208,1209],{"x":315,"y":639,"fill":301,"style":640},"Lunr",[285,1211],{"x":644,"y":645,"width":1212,"height":315,"fill":647,"opacity":1213,"stroke":647,"style":320},"80","0.22",[285,1215],{"x":1216,"y":645,"width":1217,"height":315,"fill":317,"opacity":657,"stroke":319,"style":320},"200","460",[297,1219,1221],{"x":357,"y":1220,"fill":301,"style":324},"86","download + parse 1.2 MB index",[297,1223,1149],{"x":1224,"y":1220,"fill":666,"style":640},"670",[297,1226,1228],{"x":315,"y":1227,"fill":301,"style":640},"154","Pagefind",[285,1230],{"x":644,"y":1231,"width":312,"height":315,"fill":647,"opacity":1213,"stroke":647,"style":320},"136",[285,1233],{"x":1234,"y":1231,"width":315,"height":315,"fill":373,"opacity":1235,"stroke":374,"style":320},"170","0.35",[297,1237,1152],{"x":1238,"y":692,"fill":702,"style":640},"210",[285,1240],{"x":644,"y":1241,"width":1242,"height":1242,"fill":647,"opacity":1213,"stroke":647,"style":320},"196","12",[297,1244,1247],{"x":1245,"y":693,"fill":362,"style":1246},"138","font-size:11px","library + WebAssembly",[285,1249],{"x":289,"y":1241,"width":1242,"height":1242,"fill":373,"opacity":1235,"stroke":374,"style":320},[297,1251,1253],{"x":1252,"y":693,"fill":362,"style":1246},"318","88 KB of fragments",[285,1255],{"x":1256,"y":1241,"width":1242,"height":1242,"fill":317,"opacity":657,"stroke":319,"style":320},"450",[297,1258,1260],{"x":1259,"y":693,"fill":362,"style":1246},"468","monolithic index",[297,1262,1264],{"x":299,"y":1263,"fill":362,"style":400},"238","Chrome DevTools, Moto G Power profile, fast 4G, cache disabled, median of 5",[403,1266,1267],{},"The whole difference is the index download: Pagefind fetches what the query needs, Lunr fetches everything first.",[27,1269,1271],{"id":1270},"tuning-what-results-show","Tuning What Results Show",[14,1273,1274],{},"Relevance decides which page comes first; presentation decides whether the reader recognises it. Three small changes made the biggest difference on this site.",[14,1276,1277,1278,1280,1281,1284,1285,1288],{},"First, populate result metadata deliberately. By default Pagefind uses the first ",[39,1279,419],{}," as the title and generates an excerpt around the match. Adding ",[39,1282,1283],{},"data-pagefind-meta=\"section:Guides\""," to the article and rendering it above the title in the result list lets readers tell apart the five pages titled \"Configuration\". Pagefind also picks up an image for each result if you mark one with ",[39,1286,1287],{},"data-pagefind-meta=\"image[src]\"","; for documentation this is usually noise, and leaving it out keeps the result list compact.",[14,1290,1291,1292,1294],{},"Second, keep sub-results on. With ",[39,1293,613],{},", a long reference page contributes up to three heading-level matches, each linking to its anchor. In a two-week comparison, clicks on sub-results made up 34% of all result clicks, and those sessions had the lowest rate of a second search, which is the best proxy for \"found it\" that client-side analytics can give.",[14,1296,1297,1298,1301,1302,1304],{},"Third, set a sensible filter default. Once ",[39,1299,1300],{},"section"," is a filter, the UI shows it as a facet list. Pre-selecting nothing is correct for most sites, but for a product with separate user and admin docs, defaulting to the section the reader is currently browsing — read from the page's own ",[39,1303,427],{}," value — halves the number of irrelevant results without hiding anything, because the reader can clear the filter with one click.",[27,1306,1308],{"id":1307},"pitfalls-rollback","Pitfalls & Rollback",[32,1310,1311,1321,1332,1346,1359],{},[35,1312,1313,1317,1318,1320],{},[1314,1315,1316],"strong",{},"No boundary."," Everything in the nav matches every query. Add ",[39,1319,261],{}," before judging relevance.",[35,1322,1323,1326,1327,176,1329,1331],{},[1314,1324,1325],{},"Long-cached entry file."," Cache ",[39,1328,179],{},[39,1330,175],{}," for minutes, not a year, or readers query yesterday's index after a deploy.",[35,1333,1334,1337,1338,1341,1342,1345],{},[1314,1335,1336],{},"Missing CSP allowance."," Pagefind compiles WebAssembly; a strict CSP needs ",[39,1339,1340],{},"'wasm-unsafe-eval'"," in ",[39,1343,1344],{},"script-src"," or search fails silently.",[35,1347,1348,1351,1352,1355,1356,25],{},[1314,1349,1350],{},"Searching in dev."," The index only exists after a build; test with ",[39,1353,1354],{},"astro preview",", not ",[39,1357,1358],{},"astro dev",[35,1360,1361,1364],{},[1314,1362,1363],{},"Rollback:"," Pagefind is one build script suffix, one layout attribute set and one component. Removing the component hides search; removing the script suffix stops indexing. Content is untouched.",[27,1366,1368],{"id":1367},"conclusion","Conclusion",[14,1370,1371],{},"Pagefind turns search on an Astro site into a build step and three attributes. The boundary removes navigation noise, weights make titles count, lazy loading keeps the cost off every page view, and a CI query check keeps relevance from regressing. On this site that meant a first result in 0.4 seconds instead of 2.7, eight more queries answered correctly out of 48, and zero bytes of search code for the 94% of visitors who never search.",[27,1373,1375],{"id":1374},"faq","FAQ",[1377,1378,1380],"h3",{"id":1379},"does-pagefind-work-in-astro-dev","Does Pagefind work in astro dev?",[14,1382,1383],{},"Not directly, because it indexes the built HTML. Run a production build once, copy the pagefind folder into public for development, or use an integration that serves a prebuilt index during dev. Search is usually tested against astro preview instead.",[1377,1385,1387],{"id":1386},"how-big-does-the-pagefind-index-get","How big does the Pagefind index get?",[14,1389,1390],{},"The whole index on disk is roughly a quarter to a third of the site's text size, but a reader only downloads the fragments a query touches. On a 1,400-page Astro site the index folder was 11 MB and the first query downloaded 88 KB.",[1377,1392,1394],{"id":1393},"how-do-i-stop-the-sidebar-from-being-indexed","How do I stop the sidebar from being indexed?",[14,1396,1397],{},"Add data-pagefind-body to the element that wraps your main content. Once any page uses that attribute, Pagefind indexes only content inside it on every page, and ignores headers, sidebars and footers.",[1377,1399,1401],{"id":1400},"can-i-show-results-in-my-own-design-instead-of-pagefind-ui","Can I show results in my own design instead of Pagefind UI?",[14,1403,1404],{},"Yes. Import pagefind.js directly and call search, then render the returned data yourself. The default UI is optional and costs about 30 KB of extra JavaScript and CSS.",[27,1406,1408],{"id":1407},"related","Related",[32,1410,1411,1420,1427,1434,1441],{},[35,1412,1413,1416,1417,1419],{},[1314,1414,1415],{},"Parent:"," ",[21,1418,24],{"href":23}," — choosing between build-time and hosted search.",[35,1421,1422,1426],{},[21,1423,1425],{"href":1424},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fpagefind-vs-algolia-docsearch\u002F","Pagefind vs Algolia DocSearch"," — when the hosted option is worth it.",[35,1428,1429,1433],{},[21,1430,1432],{"href":1431},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Findexing-hugo-sites-with-pagefind\u002F","Indexing Hugo Sites with Pagefind"," — the same tool on a Go generator.",[35,1435,1436,1440],{},[21,1437,1439],{"href":1438},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fsearch-index-size-budgets-for-large-docs\u002F","Search Index Size Budgets for Large Docs"," — why the fragment model matters at scale.",[35,1442,1443,1447],{},[21,1444,1446],{"href":1445},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fprefetching-links-in-astro\u002F","Prefetching Links in Astro"," — making the click after a search result instant.",[1449,1450,1451],"style",{},"html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}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);}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}",{"title":69,"searchDepth":83,"depth":83,"links":1453},[1454,1455,1456,1457,1458,1459,1460,1461,1462,1463,1464,1470],{"id":29,"depth":83,"text":30},{"id":54,"depth":83,"text":55},{"id":183,"depth":83,"text":184},{"id":408,"depth":83,"text":409},{"id":447,"depth":83,"text":448},{"id":713,"depth":83,"text":714},{"id":1092,"depth":83,"text":1093},{"id":1270,"depth":83,"text":1271},{"id":1307,"depth":83,"text":1308},{"id":1367,"depth":83,"text":1368},{"id":1374,"depth":83,"text":1375,"children":1465},[1466,1467,1468,1469],{"id":1379,"depth":90,"text":1380},{"id":1386,"depth":90,"text":1387},{"id":1393,"depth":90,"text":1394},{"id":1400,"depth":90,"text":1401},{"id":1407,"depth":83,"text":1408},[1472,1475,1478,1479],{"name":1473,"item":1474},"Home","\u002F",{"name":1476,"item":1477},"Choosing the Right Static Site Generator for Production","\u002Fchoosing-the-right-static-site-generator-for-production\u002F",{"name":24,"item":23},{"name":5,"item":1480},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fadding-pagefind-to-an-astro-site\u002F","2026-09-18","Add Pagefind search to a plain Astro site: post-build indexing, content boundaries, heading weights, a lazy-loaded UI and a CI relevance check.","md",[1485,1486,1487,1488],{"q":1380,"a":1383},{"q":1387,"a":1390},{"q":1394,"a":1397},{"q":1401,"a":1404},{},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fadding-pagefind-to-an-astro-site",{"title":5,"description":1482},"choosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fadding-pagefind-to-an-astro-site\u002Findex","i2_QHId8svZVeirZk7Px-pVsB-A9U-eAd6II27bgLiQ",[1495,1498,1501,1504,1507,1510,1513,1516,1519,1522,1525,1528,1531,1534,1537,1540,1543,1546,1549,1552,1554,1557,1560,1563,1566,1569,1572,1575,1578,1581,1584,1587,1590,1593,1596,1599,1602,1605,1608,1611,1614,1615,1618,1620,1622,1625,1627,1629,1632,1635,1638,1641,1644,1647,1650,1652,1655,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,1739,1742,1745,1748,1751,1754,1757,1760,1763,1766,1769,1772,1775,1778,1781,1784,1787,1790,1793,1796,1799,1801,1804,1807,1810,1813,1816,1819,1822,1825,1828,1831,1834,1837,1840,1843,1846,1849,1852,1855,1858,1861,1864,1867,1870,1873,1876,1879,1882,1885,1888,1891,1894,1897,1900,1903,1906,1909,1912,1915,1918,1921,1924,1927,1930,1933,1936,1939,1942,1945,1948,1951,1954,1957,1960,1963,1966,1969,1972,1975,1978,1981,1984,1987,1990,1993,1996,1999,2002,2005,2008,2011,2014,2017,2020,2023,2026,2029,2032],{"path":1496,"title":1497},"\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":1499,"title":1500},"\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":1502,"title":1503},"\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":1505,"title":1506},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fastro-vs-eleventy-for-documentation-sites","Astro vs Eleventy for Documentation Sites",{"path":1508,"title":1509},"\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":1511,"title":1512},"\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":1514,"title":1515},"\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":1517,"title":1518},"\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":1520,"title":1521},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress","Docs Frameworks: Docusaurus, Starlight and VitePress",{"path":1523,"title":1524},"\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":1526,"title":1527},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fmigrating-from-mkdocs-to-starlight","Migrating from MkDocs to Starlight",{"path":1529,"title":1530},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fversioned-documentation-with-docusaurus","Versioned Documentation with Docusaurus",{"path":1532,"title":1533},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fvitepress-for-library-documentation","VitePress for Library Documentation",{"path":1535,"title":1536},"\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":1538,"title":1539},"\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":1541,"title":1542},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fhugo-build-times-for-large-repositories","Hugo Build Times for Large Repositories",{"path":1544,"title":1545},"\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":1547,"title":1548},"\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":1550,"title":1551},"\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":1553,"title":1476},"\u002Fchoosing-the-right-static-site-generator-for-production",{"path":1555,"title":1556},"\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":1558,"title":1559},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem","Jekyll Plugin Ecosystem",{"path":1561,"title":1562},"\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":1564,"title":1565},"\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":1567,"title":1568},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem\u002Fspeeding-up-slow-jekyll-builds","Speeding Up Slow Jekyll Builds",{"path":1570,"title":1571},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem\u002Fupgrading-jekyll-and-ruby-versions-safely","Upgrading Jekyll and Ruby Versions Safely",{"path":1573,"title":1574},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fconverting-front-matter-at-scale-during-migration","Converting Front Matter at Scale During Migration",{"path":1576,"title":1577},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators","Migrating Between Static Site Generators",{"path":1579,"title":1580},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fkeeping-redirects-working-after-an-ssg-migration","Keeping Redirects Working After an SSG Migration",{"path":1582,"title":1583},"\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":1585,"title":1586},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fmigrating-from-gatsby-to-astro","Migrating from Gatsby to Astro",{"path":1588,"title":1589},"\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":1591,"title":1592},"\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":1594,"title":1595},"\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":1597,"title":1598},"\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":1600,"title":1601},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fnextjs-static-export-for-content-sites","Next.js Static Export for Content Sites",{"path":1603,"title":1604},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fnextjs-static-export-for-content-sites\u002Fmigrating-from-gatsby-to-nextjs-static-export","Migrating from Gatsby to Next.js Static Export",{"path":1606,"title":1607},"\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":1609,"title":1610},"\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":1612,"title":1613},"\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":1490,"title":5},{"path":1616,"title":1617},"\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":1619,"title":24},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites",{"path":1621,"title":1432},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Findexing-hugo-sites-with-pagefind",{"path":1623,"title":1624},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fmultilingual-search-on-static-sites","Multilingual Search on Static Sites",{"path":1626,"title":1425},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fpagefind-vs-algolia-docsearch",{"path":1628,"title":1439},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fsearch-index-size-budgets-for-large-docs",{"path":1630,"title":1631},"\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":1633,"title":1634},"\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":1636,"title":1637},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fssg-framework-selection-matrix\u002Fevaluating-ssg-accessibility-defaults","Evaluating SSG Accessibility Defaults",{"path":1639,"title":1640},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fssg-framework-selection-matrix","SSG Framework Selection Matrix",{"path":1642,"title":1643},"\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":1645,"title":1646},"\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":1648,"title":1649},"\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":1651,"title":171},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcdn-caching-rules-for-ssgs\u002Fcache-busting-with-content-hashed-filenames",{"path":1653,"title":1654},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcdn-caching-rules-for-ssgs","CDN Caching Rules for SSGs",{"path":1656,"title":1657},"\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":1659,"title":1660},"\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":1662,"title":1663},"\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":1665,"title":1666},"\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":1668,"title":1669},"\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":1671,"title":1672},"\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":1674,"title":1675},"\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":1677,"title":1678},"\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":1680,"title":1681},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcumulative-layout-shift-fixes-for-static-sites","Cumulative Layout Shift Fixes for Static Sites",{"path":1683,"title":1684},"\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":1686,"title":1687},"\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":1689,"title":1690},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Ffont-display-optional-vs-swap","font-display: optional vs swap",{"path":1692,"title":1693},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites","Font Loading Strategies for Static Sites",{"path":1695,"title":1696},"\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":1698,"title":1699},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Fpreloading-fonts-without-double-downloads","Preloading Fonts Without Double Downloads",{"path":1701,"title":1702},"\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":1704,"title":1705},"\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":1707,"title":1708},"\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":1710,"title":1711},"\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":1713,"title":1714},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fimage-optimization-pipelines-in-astro","Image Optimization Pipelines in Astro",{"path":1716,"title":1717},"\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":1719,"title":1720},"\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":1722,"title":1723},"\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":1725,"title":1726},"\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":1728,"title":1729},"\u002Fperformance-optimization-core-web-vitals-for-ssgs","Core Web Vitals Optimization for SSGs",{"path":1731,"title":1732},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Fastro-islands-vs-full-hydration-performance","Astro Islands vs Full Hydration Performance",{"path":1734,"title":1735},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Fdeferring-hydration-with-client-visible-in-astro","Deferring Hydration with client:visible in Astro",{"path":1737,"title":1738},"\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":1740,"title":1741},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering","JavaScript Hydration & Partial Rendering",{"path":1743,"title":1744},"\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":1746,"title":1747},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Freplacing-react-islands-with-web-components","Replacing React Islands with Web Components",{"path":1749,"title":1750},"\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":1752,"title":1753},"\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":1755,"title":1756},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Flargest-contentful-paint-optimization-for-static-sites","Largest Contentful Paint Optimization for Static Sites",{"path":1758,"title":1759},"\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":1761,"title":1762},"\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":1764,"title":1765},"\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":1767,"title":1768},"\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":1770,"title":1771},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci","Performance Budgets and Lighthouse CI",{"path":1773,"title":1774},"\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":1776,"title":1777},"\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":1779,"title":1780},"\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":1782,"title":1783},"\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":1785,"title":1786},"\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":1788,"title":1789},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fauditing-unused-preloads","Auditing Unused Preloads",{"path":1791,"title":1792},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed","Resource Hints and Navigation Speed",{"path":1794,"title":1795},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Finstant-navigation-with-speculation-rules","Instant Navigation with Speculation Rules",{"path":1797,"title":1798},"\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":1800,"title":1446},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fprefetching-links-in-astro",{"path":1802,"title":1803},"\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":1805,"title":1806},"\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":1808,"title":1809},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fthird-party-script-performance-on-static-sites","Third-Party Script Performance on Static Sites",{"path":1811,"title":1812},"\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":1814,"title":1815},"\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":1817,"title":1818},"\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":1820,"title":1821},"\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":1823,"title":1824},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup\u002Fautomating-eleventy-deployments-with-cloudflare-pages","Automating Eleventy Deployments on Cloudflare Pages",{"path":1826,"title":1827},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup\u002Fconfiguring-redirects-on-cloudflare-pages","Configuring Redirects on Cloudflare Pages",{"path":1829,"title":1830},"\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":1832,"title":1833},"\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":1835,"title":1836},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup","Cloudflare Pages Edge Caching Setup",{"path":1838,"title":1839},"\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":1841,"title":1842},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams\u002Fchecking-links-in-pull-requests","Checking Links in Pull Requests",{"path":1844,"title":1845},"\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":1847,"title":1848},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams\u002Feditorial-checks-with-vale-in-ci","Editorial Checks with Vale in CI",{"path":1850,"title":1851},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams","Content Workflows for Documentation Teams",{"path":1853,"title":1854},"\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":1856,"title":1857},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams\u002Fwiring-a-headless-cms-to-a-static-build","Wiring a Headless CMS to a Static Build",{"path":1859,"title":1860},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fbuilding-astro-sites-with-github-actions","Building Astro Sites with GitHub Actions",{"path":1862,"title":1863},"\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":1865,"title":1866},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fdeploying-to-github-pages-with-actions","Deploying to GitHub Pages with Actions",{"path":1868,"title":1869},"\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":1871,"title":1872},"\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":1874,"title":1875},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds","GitHub Actions for Automated SSG Builds",{"path":1877,"title":1878},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fmatrix-builds-for-multi-site-monorepos","Matrix Builds for Multi-Site Monorepos",{"path":1880,"title":1881},"\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":1883,"title":1884},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fincremental-builds-and-build-caching-for-ssgs\u002Fenabling-incremental-builds-in-eleventy","Enabling Incremental Builds in Eleventy",{"path":1886,"title":1887},"\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":1889,"title":1890},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fincremental-builds-and-build-caching-for-ssgs","Incremental Builds and Build Caching for SSGs",{"path":1892,"title":1893},"\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":1895,"title":1896},"\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":1898,"title":1899},"\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":1901,"title":1902},"\u002Fproduction-ready-deployment-cicd-workflows","Production-Ready Deployment & CI\u002FCD for SSGs",{"path":1904,"title":1905},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Falerting-on-cache-hit-ratio-drops","Alerting on Cache Hit Ratio Drops",{"path":1907,"title":1908},"\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":1910,"title":1911},"\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":1913,"title":1914},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production","Monitoring Static Sites in Production",{"path":1916,"title":1917},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Flogging-404s-at-the-edge","Logging 404s at the Edge",{"path":1919,"title":1920},"\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":1922,"title":1923},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies\u002Fconfiguring-vercel-for-hugo-and-eleventy","Configuring Vercel for Hugo and Eleventy",{"path":1925,"title":1926},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies","Netlify vs Vercel Deployment Strategies",{"path":1928,"title":1929},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies\u002Fnetlify-build-hooks-for-content-updates","Netlify Build Hooks for Content Updates",{"path":1931,"title":1932},"\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":1934,"title":1935},"\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":1937,"title":1938},"\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":1940,"title":1941},"\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":1943,"title":1944},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fcleaning-up-stale-preview-deployments","Cleaning Up Stale Preview Deployments",{"path":1946,"title":1947},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests","Preview Environments for Pull Requests",{"path":1949,"title":1950},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fpassword-protecting-preview-deployments","Password-Protecting Preview Deployments",{"path":1952,"title":1953},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fpreviewing-headless-cms-drafts","Previewing Headless CMS Drafts",{"path":1955,"title":1956},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fvisual-regression-testing-on-preview-deploys","Visual Regression Testing on Preview Deploys",{"path":1958,"title":1959},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Fatomic-deploys-vs-incremental-uploads","Atomic Deploys vs Incremental Uploads",{"path":1961,"title":1962},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Fcanary-releases-for-static-sites","Canary Releases for Static Sites",{"path":1964,"title":1965},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Ffeature-flags-on-static-sites","Feature Flags on Static Sites",{"path":1967,"title":1968},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites","Rollbacks and Deploy Safety for Static Sites",{"path":1970,"title":1971},"\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":1973,"title":1974},"\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":1976,"title":1977},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fauditing-npm-dependencies-in-ssg-pipelines","Auditing npm Dependencies in SSG Pipelines",{"path":1979,"title":1980},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fenabling-hsts-and-preload-safely","Enabling HSTS and Preload Safely",{"path":1982,"title":1983},"\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":1985,"title":1986},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites","Security Headers and Hardening for Static Sites",{"path":1988,"title":1989},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fsecuring-deploy-credentials-with-github-oidc","Securing Deploy Credentials with GitHub OIDC",{"path":1991,"title":1992},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fsubresource-integrity-for-third-party-assets","Subresource Integrity for Third-Party Assets",{"path":1994,"title":1995},"\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":1997,"title":1998},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fclean-urls-and-trailing-slashes-on-s3","Clean URLs and Trailing Slashes on S3",{"path":2000,"title":2001},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fcloudfront-functions-for-redirects","CloudFront Functions for Redirects",{"path":2003,"title":2004},"\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":2006,"title":2007},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites","Self-Hosting Static Sites on S3, Nginx and Caddy",{"path":2009,"title":2010},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fserving-a-static-site-with-caddy","Serving a Static Site with Caddy",{"path":2012,"title":2013},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fserving-a-static-site-with-nginx","Serving a Static Site with Nginx",{"path":2015,"title":2016},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fzero-downtime-deploys-with-symlink-swaps","Zero-Downtime Deploys with Symlink Swaps",{"path":2018,"title":2019},"\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":2021,"title":2022},"\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":2024,"title":2025},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites","Serverless Functions for Static Sites",{"path":2027,"title":2028},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fnetlify-functions-vs-cloudflare-workers","Netlify Functions vs Cloudflare Workers",{"path":2030,"title":2031},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fprotecting-a-static-site-behind-authentication","Protecting a Static Site Behind Authentication",{"path":2033,"title":2034},"\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",1789722847309]