[{"data":1,"prerenderedAt":1885},["ShallowReactive",2],{"page:\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fhandling-form-submissions-on-a-static-site":3,"all-docs-nav":1341},{"id":4,"title":5,"body":6,"breadcrumb":1315,"dateModified":1324,"datePublished":1324,"description":1325,"extension":1326,"faq":1327,"meta":1334,"navigation":1335,"path":1336,"seo":1337,"slug":12,"stem":1338,"type":1339,"__hash__":1340},"content\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fhandling-form-submissions-on-a-static-site\u002Findex.md","Handling Form Submissions on a Static Site",{"type":7,"value":8,"toc":1296},"minimark",[9,13,22,31,36,49,53,56,471,482,486,501,511,521,535,692,696,699,839,971,974,978,981,1020,1023,1098,1101,1105,1108,1112,1131,1135,1161,1165,1207,1211,1214,1218,1223,1226,1230,1233,1237,1240,1244,1247,1251,1292],[10,11,5],"h1",{"id":12},"handling-form-submissions-on-a-static-site",[14,15,16,17,21],"p",{},"The first time a static site needs a contact form, the absence of a server becomes concrete: an HTML form has to post ",[18,19,20],"em",{},"somewhere",". The options range from one attribute on the form element to a small function you own, and each makes different trade-offs on spam, privacy, cost, reliability and — frequently overlooked — the weight it adds to the page. Many teams reach for an embedded widget from a form service and ship 150 KB of JavaScript to render three input fields.",[14,23,24,25,30],{},"This guide compares four approaches on the same contact form, measured for page weight, spam received and operating cost over a month, and gives a decision rule. It is part of ",[26,27,29],"a",{"href":28},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002F","Serverless Functions for Static Sites",".",[32,33,35],"h2",{"id":34},"prerequisites","Prerequisites",[37,38,39,43,46],"ul",{},[40,41,42],"li",{},"A static site and a clear list of what the form collects and where submissions should go.",[40,44,45],{},"An understanding of any data-protection obligations for the data collected — names and email addresses are personal data in most jurisdictions.",[40,47,48],{},"For the function option, a host that runs functions: Cloudflare, Netlify, Vercel or equivalent.",[32,50,52],{"id":51},"the-form-itself","The Form Itself",[14,54,55],{},"Whatever handles it, the form should be ordinary HTML that works without JavaScript:",[57,58,63],"pre",{"className":59,"code":60,"language":61,"meta":62,"style":62},"language-html shiki shiki-themes github-light github-dark","\u003Cform method=\"post\" action=\"\u002Fapi\u002Fcontact\" class=\"contact-form\">\n  \u003Clabel for=\"name\">Name\u003C\u002Flabel>\n  \u003Cinput id=\"name\" name=\"name\" required maxlength=\"100\" autocomplete=\"name\">\n  \u003Clabel for=\"email\">Email\u003C\u002Flabel>\n  \u003Cinput id=\"email\" name=\"email\" type=\"email\" required maxlength=\"200\" autocomplete=\"email\">\n  \u003Clabel for=\"message\">Message\u003C\u002Flabel>\n  \u003Ctextarea id=\"message\" name=\"message\" required maxlength=\"5000\" rows=\"6\">\u003C\u002Ftextarea>\n  \u003Cdiv class=\"hp\" aria-hidden=\"true\">\u003Clabel>Leave this empty \u003Cinput name=\"website\" tabindex=\"-1\" autocomplete=\"off\">\u003C\u002Flabel>\u003C\u002Fdiv>\n  \u003Cinput type=\"hidden\" name=\"ts\" value=\"\">\n  \u003Cbutton type=\"submit\">Send\u003C\u002Fbutton>\n\u003C\u002Fform>\n\u003Cscript>document.querySelector('[name=ts]').value = Date.now();\u003C\u002Fscript>\n","html","",[64,65,66,109,133,175,196,239,260,304,369,400,422,432],"code",{"__ignoreMap":62},[67,68,71,75,79,83,86,90,93,95,98,101,103,106],"span",{"class":69,"line":70},"line",1,[67,72,74],{"class":73},"sVt8B","\u003C",[67,76,78],{"class":77},"s9eBZ","form",[67,80,82],{"class":81},"sScJk"," method",[67,84,85],{"class":73},"=",[67,87,89],{"class":88},"sZZnC","\"post\"",[67,91,92],{"class":81}," action",[67,94,85],{"class":73},[67,96,97],{"class":88},"\"\u002Fapi\u002Fcontact\"",[67,99,100],{"class":81}," class",[67,102,85],{"class":73},[67,104,105],{"class":88},"\"contact-form\"",[67,107,108],{"class":73},">\n",[67,110,112,115,118,121,123,126,129,131],{"class":69,"line":111},2,[67,113,114],{"class":73},"  \u003C",[67,116,117],{"class":77},"label",[67,119,120],{"class":81}," for",[67,122,85],{"class":73},[67,124,125],{"class":88},"\"name\"",[67,127,128],{"class":73},">Name\u003C\u002F",[67,130,117],{"class":77},[67,132,108],{"class":73},[67,134,136,138,141,144,146,148,151,153,155,158,161,163,166,169,171,173],{"class":69,"line":135},3,[67,137,114],{"class":73},[67,139,140],{"class":77},"input",[67,142,143],{"class":81}," id",[67,145,85],{"class":73},[67,147,125],{"class":88},[67,149,150],{"class":81}," name",[67,152,85],{"class":73},[67,154,125],{"class":88},[67,156,157],{"class":81}," required",[67,159,160],{"class":81}," maxlength",[67,162,85],{"class":73},[67,164,165],{"class":88},"\"100\"",[67,167,168],{"class":81}," autocomplete",[67,170,85],{"class":73},[67,172,125],{"class":88},[67,174,108],{"class":73},[67,176,178,180,182,184,186,189,192,194],{"class":69,"line":177},4,[67,179,114],{"class":73},[67,181,117],{"class":77},[67,183,120],{"class":81},[67,185,85],{"class":73},[67,187,188],{"class":88},"\"email\"",[67,190,191],{"class":73},">Email\u003C\u002F",[67,193,117],{"class":77},[67,195,108],{"class":73},[67,197,199,201,203,205,207,209,211,213,215,218,220,222,224,226,228,231,233,235,237],{"class":69,"line":198},5,[67,200,114],{"class":73},[67,202,140],{"class":77},[67,204,143],{"class":81},[67,206,85],{"class":73},[67,208,188],{"class":88},[67,210,150],{"class":81},[67,212,85],{"class":73},[67,214,188],{"class":88},[67,216,217],{"class":81}," type",[67,219,85],{"class":73},[67,221,188],{"class":88},[67,223,157],{"class":81},[67,225,160],{"class":81},[67,227,85],{"class":73},[67,229,230],{"class":88},"\"200\"",[67,232,168],{"class":81},[67,234,85],{"class":73},[67,236,188],{"class":88},[67,238,108],{"class":73},[67,240,242,244,246,248,250,253,256,258],{"class":69,"line":241},6,[67,243,114],{"class":73},[67,245,117],{"class":77},[67,247,120],{"class":81},[67,249,85],{"class":73},[67,251,252],{"class":88},"\"message\"",[67,254,255],{"class":73},">Message\u003C\u002F",[67,257,117],{"class":77},[67,259,108],{"class":73},[67,261,263,265,268,270,272,274,276,278,280,282,284,286,289,292,294,297,300,302],{"class":69,"line":262},7,[67,264,114],{"class":73},[67,266,267],{"class":77},"textarea",[67,269,143],{"class":81},[67,271,85],{"class":73},[67,273,252],{"class":88},[67,275,150],{"class":81},[67,277,85],{"class":73},[67,279,252],{"class":88},[67,281,157],{"class":81},[67,283,160],{"class":81},[67,285,85],{"class":73},[67,287,288],{"class":88},"\"5000\"",[67,290,291],{"class":81}," rows",[67,293,85],{"class":73},[67,295,296],{"class":88},"\"6\"",[67,298,299],{"class":73},">\u003C\u002F",[67,301,267],{"class":77},[67,303,108],{"class":73},[67,305,307,309,312,314,316,319,322,324,327,330,332,335,337,339,341,344,347,349,352,354,356,359,361,363,365,367],{"class":69,"line":306},8,[67,308,114],{"class":73},[67,310,311],{"class":77},"div",[67,313,100],{"class":81},[67,315,85],{"class":73},[67,317,318],{"class":88},"\"hp\"",[67,320,321],{"class":81}," aria-hidden",[67,323,85],{"class":73},[67,325,326],{"class":88},"\"true\"",[67,328,329],{"class":73},">\u003C",[67,331,117],{"class":77},[67,333,334],{"class":73},">Leave this empty \u003C",[67,336,140],{"class":77},[67,338,150],{"class":81},[67,340,85],{"class":73},[67,342,343],{"class":88},"\"website\"",[67,345,346],{"class":81}," tabindex",[67,348,85],{"class":73},[67,350,351],{"class":88},"\"-1\"",[67,353,168],{"class":81},[67,355,85],{"class":73},[67,357,358],{"class":88},"\"off\"",[67,360,299],{"class":73},[67,362,117],{"class":77},[67,364,299],{"class":73},[67,366,311],{"class":77},[67,368,108],{"class":73},[67,370,372,374,376,378,380,383,385,387,390,393,395,398],{"class":69,"line":371},9,[67,373,114],{"class":73},[67,375,140],{"class":77},[67,377,217],{"class":81},[67,379,85],{"class":73},[67,381,382],{"class":88},"\"hidden\"",[67,384,150],{"class":81},[67,386,85],{"class":73},[67,388,389],{"class":88},"\"ts\"",[67,391,392],{"class":81}," value",[67,394,85],{"class":73},[67,396,397],{"class":88},"\"\"",[67,399,108],{"class":73},[67,401,403,405,408,410,412,415,418,420],{"class":69,"line":402},10,[67,404,114],{"class":73},[67,406,407],{"class":77},"button",[67,409,217],{"class":81},[67,411,85],{"class":73},[67,413,414],{"class":88},"\"submit\"",[67,416,417],{"class":73},">Send\u003C\u002F",[67,419,407],{"class":77},[67,421,108],{"class":73},[67,423,425,428,430],{"class":69,"line":424},11,[67,426,427],{"class":73},"\u003C\u002F",[67,429,78],{"class":77},[67,431,108],{"class":73},[67,433,435,437,440,443,446,449,452,455,458,461,464,467,469],{"class":69,"line":434},12,[67,436,74],{"class":73},[67,438,439],{"class":77},"script",[67,441,442],{"class":73},">document.",[67,444,445],{"class":81},"querySelector",[67,447,448],{"class":73},"(",[67,450,451],{"class":88},"'[name=ts]'",[67,453,454],{"class":73},").value ",[67,456,85],{"class":457},"szBVR",[67,459,460],{"class":73}," Date.",[67,462,463],{"class":81},"now",[67,465,466],{"class":73},"();\u003C\u002F",[67,468,439],{"class":77},[67,470,108],{"class":73},[14,472,473,474,477,478,481],{},"The ",[64,475,476],{},"website"," field is a honeypot hidden with CSS; people never fill it, many bots do. The ",[64,479,480],{},"ts"," field records when the page loaded, so the handler can reject submissions made faster than a human could type. Both are invisible to readers and cost nothing.",[32,483,485],{"id":484},"four-approaches","Four Approaches",[14,487,488,492,493,496,497,500],{},[489,490,491],"strong",{},"1. Host-native forms (Netlify Forms)."," Add ",[64,494,495],{},"data-netlify=\"true\""," and a ",[64,498,499],{},"name"," to the form; Netlify detects it at build time and captures submissions, with spam filtering and email notifications. Zero code, zero JavaScript, generous free tier. Tied to Netlify.",[14,502,503,506,507,510],{},[489,504,505],{},"2. Hosted form services with an action URL."," Services such as Formspree or Basin give you an endpoint to use as the form ",[64,508,509],{},"action",". Plain HTML, no script required, submissions forwarded by email or webhook. Your readers' data passes through a third party.",[14,512,513,516,517,30],{},[489,514,515],{},"3. Embedded form widgets."," Tools that render the form themselves via a script or iframe. Quick to set up and rich in features (conditional fields, file upload, analytics), but heavy and often a source of layout shift — see ",[26,518,520],{"href":519},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcumulative-layout-shift-fixes-for-static-sites\u002Ffixing-cls-from-late-loading-embeds\u002F","Fixing CLS from Late-Loading Embeds",[14,522,523,526,527,530,531,30],{},[489,524,525],{},"4. Your own function."," A handler at ",[64,528,529],{},"\u002Fapi\u002Fcontact"," validates the fields, applies spam checks, stores or forwards the submission and redirects to a thank-you page. Full control over data, validation and destination; a few dozen lines to maintain. Built end to end in ",[26,532,534],{"href":533},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fadding-a-contact-form-with-cloudflare-workers\u002F","Adding a Contact Form with Cloudflare Workers",[536,537,538,688],"figure",{},[539,540,547,548,547,552,547,556,547,563,547,674],"svg",{"viewBox":541,"role":542,"ariaLabelledBy":543,"xmlns":546},"0 0 760 300","img",[544,545],"frm-opt-title","frm-opt-desc","http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg","\n  ",[549,550,551],"title",{"id":544},"Where submissions go under each approach",[553,554,555],"desc",{"id":545},"Four paths from the same HTML form. Host-native forms post to the host, which stores and emails. A hosted service action URL posts to a third party that forwards by email or webhook. An embedded widget replaces the form with a third-party iframe or script that posts to the vendor. Your own function posts to your endpoint, which validates and forwards to storage or email you choose.",[557,558],"rect",{"x":559,"y":559,"width":560,"height":561,"fill":562},"0","760","300","#ffffff",[564,565,567,568,567,576,567,586,567,592,567,598,567,608,567,613,567,619,567,623,567,629,567,633,567,637,567,641,567,646,567,649,567,652,567,655,547],"g",{"style":566},"font-family:system-ui, sans-serif;font-size:12px","\n    ",[569,570,575],"text",{"x":571,"y":572,"fill":573,"style":574},"380","28","#1f2937","font-size:16px;font-weight:700;text-anchor:middle","Same form, four destinations",[557,577],{"x":578,"y":579,"width":580,"height":581,"rx":582,"fill":583,"stroke":584,"style":585},"30","120","140","60","10","#f8fafc","#d9e2ef","stroke-width:1.5px",[569,587,591],{"x":588,"y":589,"fill":573,"style":590},"100","146","font-weight:700;text-anchor:middle","\u003Cform>",[569,593,597],{"x":588,"y":594,"fill":595,"style":596},"164","#556071","font-size:11px;text-anchor:middle","plain HTML",[557,599],{"x":600,"y":601,"width":602,"height":603,"rx":604,"fill":605,"opacity":606,"stroke":607,"style":585},"240","50","220","44","8","#8ac926","0.18","#5a8a16",[569,609,612],{"x":610,"y":611,"fill":573,"style":590},"350","77","1 · host captures",[557,614],{"x":600,"y":615,"width":602,"height":603,"rx":604,"fill":616,"opacity":617,"stroke":618,"style":585},"104","#ffca3a","0.22","#a97b00",[569,620,622],{"x":610,"y":621,"fill":573,"style":590},"131","2 · service action URL",[557,624],{"x":600,"y":625,"width":602,"height":603,"rx":604,"fill":626,"opacity":627,"stroke":628,"style":585},"158","#ff595e","0.14","#d83b41",[569,630,632],{"x":610,"y":631,"fill":573,"style":590},"185","3 · vendor widget",[557,634],{"x":600,"y":635,"width":602,"height":603,"rx":604,"fill":636,"opacity":627,"stroke":636,"style":585},"212","#6a4c93",[569,638,640],{"x":610,"y":639,"fill":573,"style":590},"239","4 · your function",[569,642,645],{"x":643,"y":611,"fill":595,"style":644},"490","font-size:11px","host dashboard + email",[569,647,648],{"x":643,"y":621,"fill":595,"style":644},"third party → email \u002F webhook",[569,650,651],{"x":643,"y":631,"fill":595,"style":644},"vendor script + vendor storage",[569,653,654],{"x":643,"y":639,"fill":595,"style":644},"your validation → your destination",[564,656,659,660,659,665,659,668,659,671,567],{"stroke":595,"fill":657,"style":658},"none","stroke-width:2px","\n      ",[661,662],"path",{"d":663,"style":664},"M172 140 L236 74","marker-end:url(#frm-arrow)",[661,666],{"d":667,"style":664},"M172 146 L236 126",[661,669],{"d":670,"style":664},"M172 156 L236 180",[661,672],{"d":673,"style":664},"M172 164 L236 234",[675,676,567,677,547],"defs",{},[678,679,659,685,567],"marker",{"id":680,"viewBox":681,"refX":604,"refY":682,"markerWidth":683,"markerHeight":683,"orient":684},"frm-arrow","0 0 10 10","5","7","auto-start-reverse",[661,686],{"d":687,"fill":595},"M0 0 L10 5 L0 10 z",[689,690,691],"figcaption",{},"Only the widget replaces your markup; the other three keep the form as HTML you control.",[32,693,695],{"id":694},"measured-comparison","Measured Comparison",[14,697,698],{},"The same contact form was deployed four ways on a documentation site for four weeks each, with similar traffic (about 11,000 contact-page views per period). Page metrics are Lighthouse 12 mobile medians; spam is submissions a person had to discard.",[700,701,702,724],"table",{},[703,704,705],"thead",{},[706,707,708,712,715,718,721],"tr",{},[709,710,711],"th",{},"Measure",[709,713,714],{},"Netlify Forms",[709,716,717],{},"Service action URL",[709,719,720],{},"Embedded widget",[709,722,723],{},"Own function (Worker)",[725,726,727,744,759,774,791,807,823],"tbody",{},[706,728,729,733,736,738,741],{},[730,731,732],"td",{},"JavaScript added to page",[730,734,735],{},"0 KB",[730,737,735],{},[730,739,740],{},"148 KB",[730,742,743],{},"0.2 KB",[706,745,746,749,752,754,757],{},[730,747,748],{},"Contact page LCP",[730,750,751],{},"1.2 s",[730,753,751],{},[730,755,756],{},"2.7 s",[730,758,751],{},[706,760,761,764,767,769,772],{},[730,762,763],{},"CLS",[730,765,766],{},"0.00",[730,768,766],{},[730,770,771],{},"0.19",[730,773,766],{},[706,775,776,779,782,785,788],{},[730,777,778],{},"Legitimate submissions",[730,780,781],{},"61",[730,783,784],{},"58",[730,786,787],{},"49",[730,789,790],{},"63",[706,792,793,796,799,802,804],{},[730,794,795],{},"Spam reaching the inbox",[730,797,798],{},"14",[730,800,801],{},"22",[730,803,682],{},[730,805,806],{},"2",[706,808,809,812,814,817,820],{},[730,810,811],{},"Monthly cost at this volume",[730,813,559],{},[730,815,816],{},"0–10 USD",[730,818,819],{},"0–29 USD",[730,821,822],{},"~0 (free tier)",[706,824,825,828,831,834,836],{},[730,826,827],{},"Data leaves your infrastructure",[730,829,830],{},"host only",[730,832,833],{},"yes",[730,835,833],{},[730,837,838],{},"no",[536,840,841,968],{},[539,842,547,847,547,850,547,853,547,856],{"viewBox":843,"role":542,"ariaLabelledBy":844,"xmlns":546},"0 0 760 280",[845,846],"frm-cmp-title","frm-cmp-desc",[549,848,849],{"id":845},"Page cost and spam by approach",[553,851,852],{"id":846},"Two charts. Contact page LCP was 1.2 seconds for host forms, service URL and own function, and 2.7 seconds for the embedded widget. Spam reaching the inbox per four weeks was 14 for host forms, 22 for the service URL, 5 for the widget and 2 for the own function with honeypot, timing and Turnstile.",[557,854],{"x":559,"y":559,"width":560,"height":855,"fill":562},"280",[564,857,567,858,567,861,567,865,567,869,567,876,567,879,567,885,567,888,567,893,567,896,567,900,567,903,567,907,567,911,567,916,567,921,567,926,567,930,567,934,567,938,567,942,567,947,567,951,567,954,567,957,567,960,567,962,567,964,567,966,547],{"style":566},[569,859,860],{"x":571,"y":572,"fill":573,"style":574},"What each approach costs the page, and what gets through",[569,862,864],{"x":863,"y":784,"fill":573,"style":590},"190","LCP (s)",[69,866],{"x1":867,"y1":602,"x2":868,"y2":602,"stroke":595,"style":585},"40","340",[557,870],{"x":871,"y":872,"width":601,"height":873,"fill":605,"opacity":874,"stroke":607,"style":875},"55","172","48","0.35","stroke-width:1px",[557,877],{"x":878,"y":872,"width":601,"height":873,"fill":605,"opacity":874,"stroke":607,"style":875},"125",[557,880],{"x":881,"y":882,"width":601,"height":883,"fill":626,"opacity":884,"stroke":628,"style":875},"195","112","108","0.28",[557,886],{"x":887,"y":872,"width":601,"height":873,"fill":605,"opacity":874,"stroke":607,"style":875},"265",[569,889,892],{"x":890,"y":594,"fill":573,"style":891},"80","text-anchor:middle","1.2",[569,894,892],{"x":895,"y":594,"fill":573,"style":891},"150",[569,897,899],{"x":602,"y":615,"fill":898,"style":590},"#b32b30","2.7",[569,901,892],{"x":902,"y":594,"fill":573,"style":891},"290",[569,904,906],{"x":905,"y":784,"fill":573,"style":590},"570","spam in inbox \u002F 4 weeks",[69,908],{"x1":909,"y1":602,"x2":910,"y2":602,"stroke":595,"style":585},"420","720",[557,912],{"x":913,"y":594,"width":601,"height":914,"fill":616,"opacity":915,"stroke":618,"style":875},"435","56","0.4",[557,917],{"x":918,"y":919,"width":601,"height":920,"fill":626,"opacity":884,"stroke":628,"style":875},"505","132","88",[557,922],{"x":923,"y":924,"width":601,"height":925,"fill":605,"opacity":874,"stroke":607,"style":875},"575","200","20",[557,927],{"x":928,"y":635,"width":601,"height":604,"fill":605,"opacity":929,"stroke":607,"style":875},"645","0.5",[569,931,798],{"x":932,"y":933,"fill":573,"style":891},"460","156",[569,935,801],{"x":936,"y":937,"fill":573,"style":891},"530","124",[569,939,682],{"x":940,"y":941,"fill":573,"style":891},"600","192",[569,943,806],{"x":944,"y":945,"fill":946,"style":590},"670","204","#3f6410",[569,948,950],{"x":890,"y":949,"fill":595,"style":596},"238","host",[569,952,953],{"x":895,"y":949,"fill":595,"style":596},"service",[569,955,956],{"x":602,"y":949,"fill":595,"style":596},"widget",[569,958,959],{"x":902,"y":949,"fill":595,"style":596},"function",[569,961,950],{"x":932,"y":949,"fill":595,"style":596},[569,963,953],{"x":936,"y":949,"fill":595,"style":596},[569,965,956],{"x":940,"y":949,"fill":595,"style":596},[569,967,959],{"x":944,"y":949,"fill":595,"style":596},[689,969,970],{},"The widget blocked spam well but doubled LCP; the function matched the best spam result with no page cost.",[14,972,973],{},"The widget's spam performance came from a visible CAPTCHA, which also plausibly explains its lower count of legitimate submissions: 49 against 58–63 for the other approaches over similar traffic. The function combined honeypot, timing, validation and an invisible Turnstile challenge to reach two spam messages in four weeks without asking readers to solve anything.",[32,975,977],{"id":976},"spam-defences-in-order-of-cost","Spam Defences in Order of Cost",[14,979,980],{},"Layer defences from free and invisible to costly and visible, stopping when spam is low enough:",[982,983,984,990,996,1002,1008,1014],"ol",{},[40,985,986,989],{},[489,987,988],{},"Honeypot field"," — catches naive bots. Free, invisible.",[40,991,992,995],{},[489,993,994],{},"Minimum time-to-submit"," (reject under 3 seconds) — catches scripted posts. Free, invisible.",[40,997,998,1001],{},[489,999,1000],{},"Server-side validation"," — length limits, email syntax, reject messages that are only links. Free, invisible.",[40,1003,1004,1007],{},[489,1005,1006],{},"Rate limiting"," per IP (for example five per hour) — stops floods. Free on most platforms.",[40,1009,1010,1013],{},[489,1011,1012],{},"Invisible challenge"," (Cloudflare Turnstile, hCaptcha passive) — stops headless browsers. Free or cheap, usually invisible.",[40,1015,1016,1019],{},[489,1017,1018],{},"Visible CAPTCHA"," — last resort; costs real submissions.",[14,1021,1022],{},"On the function version, layers 1–3 alone stopped 94% of spam attempts; Turnstile stopped most of the rest.",[536,1024,1025,1095],{},[539,1026,547,1031,547,1034,547,1037,547,1040],{"viewBox":1027,"role":542,"ariaLabelledBy":1028,"xmlns":546},"0 0 760 260",[1029,1030],"frm-fun-title","frm-fun-desc",[549,1032,1033],{"id":1029},"Spam attempts remaining after each defence layer",[553,1035,1036],{"id":1030},"A funnel of 1,240 spam attempts over four weeks. The honeypot leaves 410. The minimum time check leaves 160. Server-side validation leaves 74. Rate limiting leaves 58. The invisible Turnstile challenge leaves 2 that reached the inbox.",[557,1038],{"x":559,"y":559,"width":560,"height":1039,"fill":562},"260",[564,1041,567,1042,567,1045,567,1050,567,1054,567,1059,567,1062,567,1068,567,1071,567,1074,567,1077,567,1081,567,1085,567,1089,547],{"style":566},[569,1043,1044],{"x":571,"y":572,"fill":573,"style":574},"1,240 spam attempts, six cheap filters",[557,1046],{"x":890,"y":601,"width":940,"height":1047,"rx":1048,"fill":626,"opacity":1049,"stroke":628,"style":875},"26","4","0.2",[569,1051,1053],{"x":571,"y":1052,"fill":573,"style":891},"68","attempts · 1,240",[557,1055],{"x":1056,"y":1057,"width":1058,"height":1047,"rx":1048,"fill":626,"opacity":1049,"stroke":628,"style":875},"182","82","396",[569,1060,1061],{"x":571,"y":588,"fill":573,"style":891},"after honeypot · 410",[557,1063],{"x":1064,"y":1065,"width":1066,"height":1047,"rx":1048,"fill":616,"opacity":1067,"stroke":618,"style":875},"262","114","236","0.3",[569,1069,1070],{"x":571,"y":919,"fill":573,"style":891},"after time check · 160",[557,1072],{"x":561,"y":589,"width":1073,"height":1047,"rx":1048,"fill":616,"opacity":1067,"stroke":618,"style":875},"160",[569,1075,1076],{"x":571,"y":594,"fill":573,"style":891},"validation · 74",[557,1078],{"x":1079,"y":1080,"width":580,"height":1047,"rx":1048,"fill":616,"opacity":1067,"stroke":618,"style":875},"310","178",[569,1082,1084],{"x":571,"y":1083,"fill":573,"style":891},"196","rate limit · 58",[557,1086],{"x":1087,"y":1088,"width":601,"height":1047,"rx":1048,"fill":605,"opacity":915,"stroke":607,"style":875},"355","210",[569,1090,1094],{"x":1091,"y":1092,"fill":946,"style":1093},"415","228","font-weight:700","Turnstile · 2",[689,1096,1097],{},"Every layer is invisible to readers; the visible CAPTCHA the widget used was never needed.",[14,1099,1100],{},"Log what each layer rejects, with counts rather than contents. When spam changes shape — and it does, every few months — the counts show which layer stopped catching it, which is far faster to act on than reading rejected messages.",[32,1102,1104],{"id":1103},"privacy-and-data-handling","Privacy and Data Handling",[14,1106,1107],{},"A form collects personal data, and each approach puts it in a different place. Host-native forms store submissions in the host's dashboard; service action URLs and widgets send them to a third party, which becomes a processor you must list in your privacy notice and possibly sign a data-processing agreement with. Your own function can forward to a destination you already control — a ticketing system, an inbox, a database in a specific region — and nowhere else. Whatever the approach, set a retention period and delete old submissions; a contact form that silently accumulates years of names and emails is a liability. Add a short line under the form saying where the data goes and how long it is kept.",[32,1109,1111],{"id":1110},"accessibility-and-feedback","Accessibility and Feedback",[14,1113,1114,1115,1118,1119,1122,1123,1126,1127,1130],{},"A form that works for everyone needs a little more than inputs. Every field needs a visible ",[64,1116,1117],{},"\u003Clabel>"," tied by ",[64,1120,1121],{},"for","\u002F",[64,1124,1125],{},"id",", not just a placeholder. Errors returned by the server should come back on a page that repeats the reader's input and names the problem next to the field, with the first error focused and an ",[64,1128,1129],{},"aria-live"," summary at the top. The success page should say what happens next — \"we reply within two working days\" — rather than just \"thanks\". With JavaScript enhancement, keep the same behaviour: announce success or errors in a live region and move focus sensibly. On this site, adding field-level error messages cut abandoned submissions (a validation error followed by no retry) from 18% to 6%.",[32,1132,1134],{"id":1133},"choosing","Choosing",[37,1136,1137,1143,1149,1155],{},[40,1138,1139,1142],{},[489,1140,1141],{},"On Netlify, with a simple contact form:"," use Netlify Forms. It is the least work and adds nothing to the page.",[40,1144,1145,1148],{},[489,1146,1147],{},"On another host, low volume, no strong privacy requirements:"," a service action URL on a plain HTML form.",[40,1150,1151,1154],{},[489,1152,1153],{},"You need control over data location, validation or destination, or spam is a problem:"," your own function.",[40,1156,1157,1160],{},[489,1158,1159],{},"You need conditional logic, file uploads and a form builder non-developers can edit:"," a widget, loaded on click or below the fold, with space reserved to avoid layout shift.",[32,1162,1164],{"id":1163},"pitfalls-rollback","Pitfalls & Rollback",[37,1166,1167,1180,1186,1192,1198],{},[40,1168,1169,1172,1173,1176,1177,1179],{},[489,1170,1171],{},"Forms that need JavaScript to submit."," Keep ",[64,1174,1175],{},"method"," and ",[64,1178,509],{}," on the form so it works when scripts fail.",[40,1181,1182,1185],{},[489,1183,1184],{},"Client-side validation only."," Always validate on the server; client checks are a convenience.",[40,1187,1188,1191],{},[489,1189,1190],{},"Widgets above the fold."," They delay LCP and shift layout. Load them lazily or not at all.",[40,1193,1194,1197],{},[489,1195,1196],{},"Real submissions from previews."," Preview deploys run the same form; route them to a test inbox.",[40,1199,1200,1203,1204,1206],{},[489,1201,1202],{},"Rollback:"," the form's ",[64,1205,509],{}," attribute is the switch. Pointing it back at the previous handler reverts the change on the next deploy.",[32,1208,1210],{"id":1209},"conclusion","Conclusion",[14,1212,1213],{},"A static site can accept form submissions without a server and without a heavy widget. Host-native forms are the simplest; a service action URL is portable; your own function gives full control over data and spam. On one documentation site, the function approach matched the best spam result — two messages in four weeks — while adding no JavaScript and keeping LCP at 1.2 seconds, where an embedded widget had pushed it to 2.7.",[32,1215,1217],{"id":1216},"faq","FAQ",[1219,1220,1222],"h3",{"id":1221},"what-is-the-simplest-way-to-add-a-form-to-a-static-site","What is the simplest way to add a form to a static site?",[14,1224,1225],{},"Use your host's built-in form handling if it has one, such as Netlify Forms, which captures submissions from a normal HTML form with one attribute. It needs no code and no third-party script, and it is enough for most contact forms.",[1219,1227,1229],{"id":1228},"do-embedded-form-widgets-hurt-performance","Do embedded form widgets hurt performance?",[14,1231,1232],{},"Often. Many hosted form widgets inject an iframe or a script bundle of 100 KB or more, which delays rendering and can shift layout. A plain HTML form posting to an endpoint adds no JavaScript at all.",[1219,1234,1236],{"id":1235},"how-do-i-stop-spam-without-a-captcha","How do I stop spam without a CAPTCHA?",[14,1238,1239],{},"Combine a hidden honeypot field, a minimum time between page load and submission, server-side validation, and rate limiting per IP. Add an invisible challenge such as Cloudflare Turnstile only if spam still gets through.",[1219,1241,1243],{"id":1242},"where-should-submissions-be-stored","Where should submissions be stored?",[14,1245,1246],{},"Somewhere your team already works and that meets your data-protection obligations: an email inbox for low volume, a ticketing system for support, or a database in the right region for anything that needs retention rules. Avoid storing personal data in services you have not reviewed.",[32,1248,1250],{"id":1249},"related","Related",[37,1252,1253,1262,1267,1274,1281],{},[40,1254,1255,1258,1259,1261],{},[489,1256,1257],{},"Parent:"," ",[26,1260,29],{"href":28}," — functions for static sites in general.",[40,1263,1264,1266],{},[26,1265,534],{"href":533}," — the function approach built end to end.",[40,1268,1269,1273],{},[26,1270,1272],{"href":1271},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fnetlify-functions-vs-cloudflare-workers\u002F","Netlify Functions vs Cloudflare Workers"," — choosing where the handler runs.",[40,1275,1276,1280],{},[26,1277,1279],{"href":1278},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fthird-party-script-performance-on-static-sites\u002Fauditing-third-party-scripts-with-lighthouse\u002F","Auditing Third-Party Scripts with Lighthouse"," — measuring what a widget costs.",[40,1282,1283,1287,1288,1291],{},[26,1284,1286],{"href":1285},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fwriting-a-content-security-policy-for-a-static-site\u002F","Writing a Content Security Policy for a Static Site"," — ",[64,1289,1290],{},"form-action"," and your endpoint.",[1293,1294,1295],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}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 .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}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":62,"searchDepth":111,"depth":111,"links":1297},[1298,1299,1300,1301,1302,1303,1304,1305,1306,1307,1308,1314],{"id":34,"depth":111,"text":35},{"id":51,"depth":111,"text":52},{"id":484,"depth":111,"text":485},{"id":694,"depth":111,"text":695},{"id":976,"depth":111,"text":977},{"id":1103,"depth":111,"text":1104},{"id":1110,"depth":111,"text":1111},{"id":1133,"depth":111,"text":1134},{"id":1163,"depth":111,"text":1164},{"id":1209,"depth":111,"text":1210},{"id":1216,"depth":111,"text":1217,"children":1309},[1310,1311,1312,1313],{"id":1221,"depth":135,"text":1222},{"id":1228,"depth":135,"text":1229},{"id":1235,"depth":135,"text":1236},{"id":1242,"depth":135,"text":1243},{"id":1249,"depth":111,"text":1250},[1316,1318,1321,1322],{"name":1317,"item":1122},"Home",{"name":1319,"item":1320},"Production-Ready Deployment & CI\u002FCD Workflows","\u002Fproduction-ready-deployment-cicd-workflows\u002F",{"name":29,"item":28},{"name":5,"item":1323},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fhandling-form-submissions-on-a-static-site\u002F","2026-09-18","Four ways to accept form submissions on a static site — host forms, form services, your own function, mailto — compared on spam, privacy, cost and page weight.","md",[1328,1329,1330,1331],{"q":1222,"a":1225},{"q":1229,"a":1232},{"q":1236,"a":1239},{"q":1243,"a":1332},{"Somewhere your team already works and that meets your data-protection obligations":1333},"an email inbox for low volume, a ticketing system for support, or a database in the right region for anything that needs retention rules. Avoid storing personal data in services you have not reviewed.",{},true,"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fhandling-form-submissions-on-a-static-site",{"title":5,"description":1325},"production-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fhandling-form-submissions-on-a-static-site\u002Findex","article","LphTzCYzt27CDFcEOOVjQVvH6pD5AhSP5tJkrBS8-Sk",[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,1423,1426,1429,1432,1435,1438,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,1564,1567,1570,1573,1576,1579,1582,1585,1588,1591,1594,1597,1600,1603,1606,1609,1612,1615,1618,1621,1624,1627,1630,1633,1636,1639,1642,1645,1648,1651,1654,1657,1660,1663,1666,1669,1672,1675,1678,1681,1684,1687,1690,1693,1696,1699,1702,1705,1708,1711,1714,1717,1720,1723,1726,1729,1732,1735,1738,1741,1744,1747,1750,1753,1756,1759,1762,1765,1768,1771,1774,1777,1780,1783,1786,1789,1792,1795,1798,1801,1804,1807,1810,1813,1816,1819,1822,1825,1828,1831,1834,1837,1840,1843,1846,1849,1851,1854,1857,1860,1863,1866,1869,1872,1874,1875,1877,1879,1882],{"path":1343,"title":1344},"\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":1346,"title":1347},"\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":1349,"title":1350},"\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":1352,"title":1353},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fastro-vs-eleventy-for-documentation-sites","Astro vs Eleventy for Documentation Sites",{"path":1355,"title":1356},"\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":1358,"title":1359},"\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":1361,"title":1362},"\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":1364,"title":1365},"\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":1367,"title":1368},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress","Docs Frameworks: Docusaurus, Starlight and VitePress",{"path":1370,"title":1371},"\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":1373,"title":1374},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fmigrating-from-mkdocs-to-starlight","Migrating from MkDocs to Starlight",{"path":1376,"title":1377},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fversioned-documentation-with-docusaurus","Versioned Documentation with Docusaurus",{"path":1379,"title":1380},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fvitepress-for-library-documentation","VitePress for Library Documentation",{"path":1382,"title":1383},"\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":1385,"title":1386},"\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":1388,"title":1389},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fhugo-build-times-for-large-repositories","Hugo Build Times for Large Repositories",{"path":1391,"title":1392},"\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":1394,"title":1395},"\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":1397,"title":1398},"\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":1400,"title":1401},"\u002Fchoosing-the-right-static-site-generator-for-production","Choosing the Right Static Site Generator for Production",{"path":1403,"title":1404},"\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":1406,"title":1407},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem","Jekyll Plugin Ecosystem",{"path":1409,"title":1410},"\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":1412,"title":1413},"\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":1415,"title":1416},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem\u002Fspeeding-up-slow-jekyll-builds","Speeding Up Slow Jekyll Builds",{"path":1418,"title":1419},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem\u002Fupgrading-jekyll-and-ruby-versions-safely","Upgrading Jekyll and Ruby Versions Safely",{"path":1421,"title":1422},"\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":1424,"title":1425},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators","Migrating Between Static Site Generators",{"path":1427,"title":1428},"\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":1430,"title":1431},"\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":1433,"title":1434},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fmigrating-from-gatsby-to-astro","Migrating from Gatsby to Astro",{"path":1436,"title":1437},"\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":1439,"title":1440},"\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":1442,"title":1443},"\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":1445,"title":1446},"\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":1448,"title":1449},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fnextjs-static-export-for-content-sites","Next.js Static Export for Content Sites",{"path":1451,"title":1452},"\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":1454,"title":1455},"\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":1457,"title":1458},"\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":1460,"title":1461},"\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":1463,"title":1464},"\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":1466,"title":1467},"\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":1469,"title":1470},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites","Search for Static Sites",{"path":1472,"title":1473},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Findexing-hugo-sites-with-pagefind","Indexing Hugo Sites with Pagefind",{"path":1475,"title":1476},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fmultilingual-search-on-static-sites","Multilingual Search on Static Sites",{"path":1478,"title":1479},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fpagefind-vs-algolia-docsearch","Pagefind vs Algolia DocSearch",{"path":1481,"title":1482},"\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":1484,"title":1485},"\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":1487,"title":1488},"\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":1490,"title":1491},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fssg-framework-selection-matrix\u002Fevaluating-ssg-accessibility-defaults","Evaluating SSG Accessibility Defaults",{"path":1493,"title":1494},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fssg-framework-selection-matrix","SSG Framework Selection Matrix",{"path":1496,"title":1497},"\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":1499,"title":1500},"\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":1502,"title":1503},"\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":1505,"title":1506},"\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":1508,"title":1509},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcdn-caching-rules-for-ssgs","CDN Caching Rules for SSGs",{"path":1511,"title":1512},"\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":1514,"title":1515},"\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":1517,"title":1518},"\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":1520,"title":1521},"\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":1523,"title":1524},"\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":1526,"title":1527},"\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":1529,"title":1530},"\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":1532,"title":1533},"\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":1535,"title":1536},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcumulative-layout-shift-fixes-for-static-sites","Cumulative Layout Shift Fixes for Static Sites",{"path":1538,"title":1539},"\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":1541,"title":1542},"\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":1544,"title":1545},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Ffont-display-optional-vs-swap","font-display: optional vs swap",{"path":1547,"title":1548},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites","Font Loading Strategies for Static Sites",{"path":1550,"title":1551},"\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":1553,"title":1554},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Fpreloading-fonts-without-double-downloads","Preloading Fonts Without Double Downloads",{"path":1556,"title":1557},"\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":1559,"title":1560},"\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":1562,"title":1563},"\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":1565,"title":1566},"\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":1568,"title":1569},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fimage-optimization-pipelines-in-astro","Image Optimization Pipelines in Astro",{"path":1571,"title":1572},"\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":1574,"title":1575},"\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":1577,"title":1578},"\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":1580,"title":1581},"\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":1583,"title":1584},"\u002Fperformance-optimization-core-web-vitals-for-ssgs","Core Web Vitals Optimization for SSGs",{"path":1586,"title":1587},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Fastro-islands-vs-full-hydration-performance","Astro Islands vs Full Hydration Performance",{"path":1589,"title":1590},"\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":1592,"title":1593},"\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":1595,"title":1596},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering","JavaScript Hydration & Partial Rendering",{"path":1598,"title":1599},"\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":1601,"title":1602},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Freplacing-react-islands-with-web-components","Replacing React Islands with Web Components",{"path":1604,"title":1605},"\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":1607,"title":1608},"\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":1610,"title":1611},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Flargest-contentful-paint-optimization-for-static-sites","Largest Contentful Paint Optimization for Static Sites",{"path":1613,"title":1614},"\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":1616,"title":1617},"\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":1619,"title":1620},"\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":1622,"title":1623},"\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":1625,"title":1626},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci","Performance Budgets and Lighthouse CI",{"path":1628,"title":1629},"\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":1631,"title":1632},"\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":1634,"title":1635},"\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":1637,"title":1638},"\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":1640,"title":1641},"\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":1643,"title":1644},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fauditing-unused-preloads","Auditing Unused Preloads",{"path":1646,"title":1647},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed","Resource Hints and Navigation Speed",{"path":1649,"title":1650},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Finstant-navigation-with-speculation-rules","Instant Navigation with Speculation Rules",{"path":1652,"title":1653},"\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":1655,"title":1656},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fprefetching-links-in-astro","Prefetching Links in Astro",{"path":1658,"title":1659},"\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":1661,"title":1662},"\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":1664,"title":1665},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fthird-party-script-performance-on-static-sites","Third-Party Script Performance on Static Sites",{"path":1667,"title":1668},"\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":1670,"title":1671},"\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":1673,"title":1674},"\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":1676,"title":1677},"\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":1679,"title":1680},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup\u002Fautomating-eleventy-deployments-with-cloudflare-pages","Automating Eleventy Deployments on Cloudflare Pages",{"path":1682,"title":1683},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup\u002Fconfiguring-redirects-on-cloudflare-pages","Configuring Redirects on Cloudflare Pages",{"path":1685,"title":1686},"\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":1688,"title":1689},"\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":1691,"title":1692},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup","Cloudflare Pages Edge Caching Setup",{"path":1694,"title":1695},"\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":1697,"title":1698},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams\u002Fchecking-links-in-pull-requests","Checking Links in Pull Requests",{"path":1700,"title":1701},"\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":1703,"title":1704},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams\u002Feditorial-checks-with-vale-in-ci","Editorial Checks with Vale in CI",{"path":1706,"title":1707},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams","Content Workflows for Documentation Teams",{"path":1709,"title":1710},"\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":1712,"title":1713},"\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":1715,"title":1716},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fbuilding-astro-sites-with-github-actions","Building Astro Sites with GitHub Actions",{"path":1718,"title":1719},"\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":1721,"title":1722},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fdeploying-to-github-pages-with-actions","Deploying to GitHub Pages with Actions",{"path":1724,"title":1725},"\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":1727,"title":1728},"\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":1730,"title":1731},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds","GitHub Actions for Automated SSG Builds",{"path":1733,"title":1734},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fmatrix-builds-for-multi-site-monorepos","Matrix Builds for Multi-Site Monorepos",{"path":1736,"title":1737},"\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":1739,"title":1740},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fincremental-builds-and-build-caching-for-ssgs\u002Fenabling-incremental-builds-in-eleventy","Enabling Incremental Builds in Eleventy",{"path":1742,"title":1743},"\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":1745,"title":1746},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fincremental-builds-and-build-caching-for-ssgs","Incremental Builds and Build Caching for SSGs",{"path":1748,"title":1749},"\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":1751,"title":1752},"\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":1754,"title":1755},"\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":1757,"title":1758},"\u002Fproduction-ready-deployment-cicd-workflows","Production-Ready Deployment & CI\u002FCD for SSGs",{"path":1760,"title":1761},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Falerting-on-cache-hit-ratio-drops","Alerting on Cache Hit Ratio Drops",{"path":1763,"title":1764},"\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":1766,"title":1767},"\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":1769,"title":1770},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production","Monitoring Static Sites in Production",{"path":1772,"title":1773},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Flogging-404s-at-the-edge","Logging 404s at the Edge",{"path":1775,"title":1776},"\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":1778,"title":1779},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies\u002Fconfiguring-vercel-for-hugo-and-eleventy","Configuring Vercel for Hugo and Eleventy",{"path":1781,"title":1782},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies","Netlify vs Vercel Deployment Strategies",{"path":1784,"title":1785},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies\u002Fnetlify-build-hooks-for-content-updates","Netlify Build Hooks for Content Updates",{"path":1787,"title":1788},"\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":1790,"title":1791},"\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":1793,"title":1794},"\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":1796,"title":1797},"\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":1799,"title":1800},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fcleaning-up-stale-preview-deployments","Cleaning Up Stale Preview Deployments",{"path":1802,"title":1803},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests","Preview Environments for Pull Requests",{"path":1805,"title":1806},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fpassword-protecting-preview-deployments","Password-Protecting Preview Deployments",{"path":1808,"title":1809},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fpreviewing-headless-cms-drafts","Previewing Headless CMS Drafts",{"path":1811,"title":1812},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fvisual-regression-testing-on-preview-deploys","Visual Regression Testing on Preview Deploys",{"path":1814,"title":1815},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Fatomic-deploys-vs-incremental-uploads","Atomic Deploys vs Incremental Uploads",{"path":1817,"title":1818},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Fcanary-releases-for-static-sites","Canary Releases for Static Sites",{"path":1820,"title":1821},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Ffeature-flags-on-static-sites","Feature Flags on Static Sites",{"path":1823,"title":1824},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites","Rollbacks and Deploy Safety for Static Sites",{"path":1826,"title":1827},"\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":1829,"title":1830},"\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":1832,"title":1833},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fauditing-npm-dependencies-in-ssg-pipelines","Auditing npm Dependencies in SSG Pipelines",{"path":1835,"title":1836},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fenabling-hsts-and-preload-safely","Enabling HSTS and Preload Safely",{"path":1838,"title":1839},"\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":1841,"title":1842},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites","Security Headers and Hardening for Static Sites",{"path":1844,"title":1845},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fsecuring-deploy-credentials-with-github-oidc","Securing Deploy Credentials with GitHub OIDC",{"path":1847,"title":1848},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fsubresource-integrity-for-third-party-assets","Subresource Integrity for Third-Party Assets",{"path":1850,"title":1286},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fwriting-a-content-security-policy-for-a-static-site",{"path":1852,"title":1853},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fclean-urls-and-trailing-slashes-on-s3","Clean URLs and Trailing Slashes on S3",{"path":1855,"title":1856},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fcloudfront-functions-for-redirects","CloudFront Functions for Redirects",{"path":1858,"title":1859},"\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":1861,"title":1862},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites","Self-Hosting Static Sites on S3, Nginx and Caddy",{"path":1864,"title":1865},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fserving-a-static-site-with-caddy","Serving a Static Site with Caddy",{"path":1867,"title":1868},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fserving-a-static-site-with-nginx","Serving a Static Site with Nginx",{"path":1870,"title":1871},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fzero-downtime-deploys-with-symlink-swaps","Zero-Downtime Deploys with Symlink Swaps",{"path":1873,"title":534},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fadding-a-contact-form-with-cloudflare-workers",{"path":1336,"title":5},{"path":1876,"title":29},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites",{"path":1878,"title":1272},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fnetlify-functions-vs-cloudflare-workers",{"path":1880,"title":1881},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fprotecting-a-static-site-behind-authentication","Protecting a Static Site Behind Authentication",{"path":1883,"title":1884},"\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",1789722847628]