https://example-astro-qwik.netlify.app/server-fetch

1<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Astro with Qwik</title><link rel="preload" href="https://example-styles.netlify.app/fonts/PacaembuVar-latin.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="https://example-styles.netlify.app/fonts/MulishVar-latin.woff2" as="font" type="font/woff2" crossorigin><link rel="stylesheet" href="https://example-styles.netlify.app/styles.css"></head> <body> <header> <nav> <a href="https://www.netlify.com/"> <img src="https://example-styles.netlify.app/images/logo-netlify-small-monochrome-darkmode.svg" class="nf-logo" alt="Netlify"> </a> <ul> <li><a href="https://developers.netlify.com/guides/adding-resumability-to-astro-with-qwik/">Accompanying guide</a></li> <li><a href="/">Home</a></li> </ul> </nav> <section> <h1>Getting Started with Netlify Astro and Qwik</h1> <p>
2A set of examples showing the use of Qwik within Astro to accompany a <a href="https://developers.netlify.com/guides/adding-resumability-to-astro-with-qwik/">guide on the Netlify Developer Hub</a> </p> </section> </header> <hr> <main>  <section> <!--cq--><div style="display: contents" q:container="paused" q:version="1.5.5" q:render="ssr" q:base="/build/" q:manifest-hash="gyupr6" class="qc📦"><!--qv q:id=0 q:key=p2eS:qz_5--><div q:key="Iv_0"><h2><!--t=1-->mhevery/qwik<!----></h2><p><!--t=2-->mhevery/qwik<!----></p><a href="https://github.com/QwikDev/qwik/pull/1" q:id="3"><!--t=4-->https://github.com/QwikDev/qwik/pull/1<!----></a></div><q:template q:slot="qwik-scripts" hidden aria-hidden="true"><span q:slot="qwik-scripts" qwik-scripts="" q:key="qz_3">

2<script qwik-loader="" q:key="qz_0">(()=>{var e=Object.defineProperty,t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable,o=(t,n,r)=>n in t?e(t,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[n]=r,s=(e,s)=>{for(var a in s||(s={}))n.call(s,a)&&o(e,a,s[a]);if(t)for(var a of t(s))r.call(s,a)&&o(e,a,s[a]);return e};((e,t)=>{const n="__q_context__",r=window,o=new Set,a="replace",i="forEach",c="target",l="getAttribute",f="isConnected",p="qvisible",b="_qwikjson_",u=t=>e.querySelectorAll(t),y=e=>e&&"function"==typeof e.then,d=(e,t,n=t.type)=>{u("[on"+e+"\\:"+n+"]")[i]((r=>q(r,e,t,n)))},m=t=>{if(void 0===t[b]){let n=(t===e.documentElement?e.body:t).lastElementChild;for(;n;){if("SCRIPT"===n.tagName&&"qwik/json"===n[l]("type")){t[b]=JSON.parse(n.textContent[a](/\\x3C(\/?script)/gi,"<$1"));break}n=n.previousElementSibling}}},h=(e,t)=>new CustomEvent(e,{detail:t}),q=async(t,r,o,i=o.type)=>{const c="on"+r+":"+i;t.hasAttribute("preventdefault:"+i)&&o.preventDefault();const p=t._qc_,b=p&&p.li.filter((e=>e[0]===c));if(b&&b.length>0){for(const e of b){const n=e[1].getFn([t,o],(()=>t[f]))(o,t),r=o.cancelBubble;y(n)&&await n,r&&o.stopPropagation()}return}const u=t[l](c);if(u){const r=t.closest("[q\\:container]"),i=r[l]("q:base"),c=r[l]("q:version")||"unknown",p=r[l]("q:manifest-hash")||"dev",b=new URL(i,e.baseURI);for(const l of u.split("\n")){const u=new URL(l,b),d=u.href,h=u.hash[a](/^#?([^?[|]*).*$/,"$1")||"default",q=performance.now();let v,g,E;const _=l.startsWith("#"),k={qBase:i,qManifest:p,qVersion:c,href:d,symbol:h,element:t,reqTime:q};if(_)v=(r.qFuncs||[])[Number.parseInt(h)],v||(g="sync",E=Error("sync handler error for symbol: "+h));else{const e=u.href.split("#")[0];try{const t=import(e);m(r),v=(await t)[h]}catch(e){g="async",E=e}}if(!v){w("qerror",s({importError:g,error:E},k));break}const C=e[n];if(t[f])try{e[n]=[t,o,u],_||w("qsymbol",s({},k));const r=v(o,t);y(r)&&await r}catch(e){w("qerror",s({error:e},k))}finally{e[n]=C}}}},w=(t,n)=>{e.dispatchEvent(h(t,n))},v=e=>e[a](/([A-Z])/g,(e=>"-"+e.toLowerCase())),g=async e=>{let t=v(e.type),n=e[c];for(d("-document",e,t);n&&n[l];){const r=q(n,"",e,t);let o=e.cancelBubble;y(r)&&await r,o=o||e.cancelBubble||n.hasAttribute("stoppropagation:"+e.type),n=e.bubbles&&!0!==o?n.parentElement:null}},E=e=>{d("-window",e,v(e.type))},_=()=>{var n;const s=e.readyState;if(!t&&("interactive"==s||"complete"==s)&&(t=1,w("qinit"),(null!=(n=r.requestIdleCallback)?n:r.setTimeout).bind(r)((()=>w("qidle"))),o.has(p))){const e=u("[on\\:"+p+"]"),t=new IntersectionObserver((e=>{for(const n of e)n.isIntersecting&&(t.unobserve(n[c]),q(n[c],"",h(p,n)))}));e[i]((e=>t.observe(e)))}},k=(e,t,n,r=!1)=>e.addEventListener(t,n,{capture:r,passive:!1}),C=t=>{for(const n of t)o.has(n)||(k(e,n,g,!0),k(r,n,E,!0),o.add(n))};if(!(n in e)){e[n]=0;const t=r.qwikevents;Array.isArray(t)&&C(t),r.qwikevents={push:(...e)=>C(e)},k(e,"readystatechange",_),_()}})(document)})()</script>

2<!--qv q:key=qz_1-->

2<script q:key="prefetch-service-worker">((qc,c,q,v,b)=>{b=qc.getAttribute("q:base"),qc.getAttribute("q:manifest-hash"),c.register("/qwik-prefetch-service-worker.js",{scope:"/"}).then((sw,onReady)=>{onReady=()=>q.forEach(q.push=(v2)=>sw.active.postMessage(v2)),sw.installing?sw.installing.addEventListener("statechange",(e)=>"activated"==e.target.state&&onReady()):onReady();}),v&&q.push(["verbose"]),document.addEventListener("qprefetch",(e)=>e.detail.bundles&&q.push(["prefetch",b,...e.detail.bundles]));})(document.currentScript.closest('[q\\:container]'),navigator.serviceWorker,window.qwikPrefetchSW||(window.qwikPrefetchSW=[]),false);</script>

2<!--/qv--><!--qv q:key=qz_2-->

2<script q:key="prefetch-graph">((qc,q,b,h2,u)=>{q.push(["graph-url",b,u||`q-bundle-graph-${h2||qc.getAttribute("q:manifest-hash")}.json`]);})(document.currentScript.closest('[q\\:container]'),window.qwikPrefetchSW||(window.qwikPrefetchSW=[]),"/build/",null,null);</script>

2<!--/qv--></span></q:template><!--/qv-->

2<script type="qwik/json">{"refs":{},"ctx":{},"objs":[],"subs":[]}</script>

2</div><!--/cq--> </section>  </main> <footer> <div class="flex-btwn"> <a href="https://www.netlify.com/"><img src="https://example-styles.netlify.app//images/logo-netlify-small-monochrome-lightmode.svg" class="nf-logo" alt="Netlify logo"></a> <div class="social-icons"> <a href="https://youtube.com/Netlify"><img src="https://example-styles.netlify.app/icons/youtube.svg" alt="YouTube"></a> <a href="https://github.com/netlify/examples"><img src="https://example-styles.netlify.app/icons/github.svg" alt="GitHub"></a> <a href="https://x.com/Netlify"><img src="https://example-styles.netlify.app/icons/twitter.svg" alt="X"></a> <a href="https://linkedin.com/company/Netlify"><img src="https://example-styles.netlify.app/icons/linkedin.svg" alt="LinkedIn"></a> <a href="https://answers.netlify.com"><img src="https://example-styles.netlify.app/icons/discourse.svg" alt="Netlify Answers"></a> </div> </div> <div class="links-container"> <section> <h3>Developers</h3> <ul role="list"> <li><a href="https://developers.netlify.com/">Netlify Developers</a></li> <li><a href="https://developers.netlify.com/sdk/">Netlify SDK</a></li> <li><a href="https://developers.netlify.com/cli/">Netlify CLI</a></li> <li><a href="https://developers.netlify.com/feed/">Activity Feed</a></li> <li><a href="https://docs.netlify.com">Documentation</a></li> <li><a href="https://netlify.com/conference/">Compose Conference</a></li> </ul> </section> <section> <h3>Company</h3> <ul role="list"> <li><a href="https://netlify.com/blog/">Blog</a></li> <li><a href="https://netlify.com/about/">About</a></li> <li><a href="https://netlify.com/careers/">Careers</a></li> <li><a href="https://netlify.com/press/">Press</a></li> <li><a href="https://swag.netlify.com/">Netlify Store</a></li> <li><a href="https://netlify.com/sustainability/">Sustainability</a></li> </ul> </section> <section> <h3>Contact Us</h3> <ul role="list"> <li><a id="cta-footer-sales" href="https://netlify.com/enterprise/contact/">Sales</a></li> <li><a id="cta-footer-support" href="https://netlify.com/support/">Support</a></li> <li><a id="cta-footer-status" href="https://netlifystatus.com/">Status</a></li> <li><a id="cta-footer-answers" href="https://answers.netlify.com/">Forums</a></li> <li><a id="cta-footer-agencyDirectory" href="https://netlify.com/agency-directory/">Hire an Agency</a></li> </ul> </section> </div> <small> <ul> <li><a href="https://netlify.com/trust-center/">Trust Center</a></li> <li><a href="https://netlify.com/privacy/">Privacy</a></li> <li><a href="https://netlify.com/security/">Security</a></li> <li><a href="https://netlify.com/gdpr-ccpa/">GDPR/CCPA</a></li> <li><a href="mailto:[email protected]?subject=Abuse%20report&body=Please%20include%20the%20site%20URL%20and%20reason%20for%20your%20report%2C%20and%20we%20will%20reply%20promptly.">Abuse</a></li> </ul> <div>© 2024 Netlify</div> </small> </footer> </body></html>