[{"data":1,"prerenderedAt":2657},["ShallowReactive",2],{"navigation":3,"examples-nav":393,"-examples-vite-ssr-preact":494,"-examples-vite-ssr-preact-surround":2654},[4,88,217,223,378,390],{"title":5,"path":6,"stem":7,"children":8,"icon":87},"","/docs","1.docs/1.index",[9,12,17,22,27,32,37,42,47,52,57,62,67,72,77,82],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-compass",{"title":13,"path":14,"stem":15,"icon":16},"Quick Start","/docs/quick-start","1.docs/2.quick-start","i-lucide-zap",{"title":18,"path":19,"stem":20,"icon":21},"Renderer","/docs/renderer","1.docs/4.renderer","ri:layout-masonry-line",{"title":23,"path":24,"stem":25,"icon":26},"Routing","/docs/routing","1.docs/5.routing","ri:direction-line",{"title":28,"path":29,"stem":30,"icon":31},"Assets","/docs/assets","1.docs/50.assets","ri:image-2-line",{"title":33,"path":34,"stem":35,"icon":36},"Configuration","/docs/configuration","1.docs/50.configuration","ri:settings-3-line",{"title":38,"path":39,"stem":40,"icon":41},"Database","/docs/database","1.docs/50.database","ri:database-2-line",{"title":43,"path":44,"stem":45,"icon":46},"Lifecycle","/docs/lifecycle","1.docs/50.lifecycle","i-lucide-layers",{"title":48,"path":49,"stem":50,"icon":51},"Plugins","/docs/plugins","1.docs/50.plugins","ri:plug-line",{"title":53,"path":54,"stem":55,"icon":56},"Tasks","/docs/tasks","1.docs/50.tasks","codicon:run-all",{"title":58,"path":59,"stem":60,"icon":61},"WebSocket","/docs/websocket","1.docs/50.websocket","ri:broadcast-fill",{"title":63,"path":64,"stem":65,"icon":66},"Server Entry","/docs/server-entry","1.docs/6.server-entry","ri:server-line",{"title":68,"path":69,"stem":70,"icon":71},"Cache","/docs/cache","1.docs/7.cache","ri:speed-line",{"title":73,"path":74,"stem":75,"icon":76},"KV Storage","/docs/storage","1.docs/8.storage","carbon:datastore",{"title":78,"path":79,"stem":80,"icon":81},"Migration Guide","/docs/migration","1.docs/99.migration","ri:arrow-right-up-line",{"title":83,"path":84,"stem":85,"icon":86},"Nightly Channel","/docs/nightly","1.docs/99.nightly","ri:moon-fill","i-lucide-book-open",{"title":89,"path":90,"stem":91,"children":92,"icon":94},"Deploy","/deploy","2.deploy/0.index",[93,95,116],{"title":89,"path":90,"stem":91,"icon":94},"ri:upload-cloud-2-line",{"title":96,"path":97,"stem":98,"children":99,"page":115},"Runtimes","/deploy/runtimes","2.deploy/10.runtimes",[100,105,110],{"title":101,"path":102,"stem":103,"icon":104},"Node.js","/deploy/runtimes/node","2.deploy/10.runtimes/1.node","akar-icons:node-fill",{"title":106,"path":107,"stem":108,"icon":109},"Bun","/deploy/runtimes/bun","2.deploy/10.runtimes/bun","simple-icons:bun",{"title":111,"path":112,"stem":113,"icon":114},"Deno","/deploy/runtimes/deno","2.deploy/10.runtimes/deno","simple-icons:deno",false,{"title":117,"path":118,"stem":119,"children":120,"page":115},"Providers","/deploy/providers","2.deploy/20.providers",[121,125,129,133,137,141,145,149,153,157,161,165,169,173,177,181,185,189,193,197,201,205,209,213],{"title":122,"path":123,"stem":124},"Alwaysdata","/deploy/providers/alwaysdata","2.deploy/20.providers/alwaysdata",{"title":126,"path":127,"stem":128},"AWS Lambda","/deploy/providers/aws","2.deploy/20.providers/aws",{"title":130,"path":131,"stem":132},"AWS Amplify","/deploy/providers/aws-amplify","2.deploy/20.providers/aws-amplify",{"title":134,"path":135,"stem":136},"Azure","/deploy/providers/azure","2.deploy/20.providers/azure",{"title":138,"path":139,"stem":140},"Cleavr","/deploy/providers/cleavr","2.deploy/20.providers/cleavr",{"title":142,"path":143,"stem":144},"Cloudflare","/deploy/providers/cloudflare","2.deploy/20.providers/cloudflare",{"title":146,"path":147,"stem":148},"Deno Deploy","/deploy/providers/deno-deploy","2.deploy/20.providers/deno-deploy",{"title":150,"path":151,"stem":152},"DigitalOcean","/deploy/providers/digitalocean","2.deploy/20.providers/digitalocean",{"title":154,"path":155,"stem":156},"Firebase","/deploy/providers/firebase","2.deploy/20.providers/firebase",{"title":158,"path":159,"stem":160},"Flightcontrol","/deploy/providers/flightcontrol","2.deploy/20.providers/flightcontrol",{"title":162,"path":163,"stem":164},"Genezio","/deploy/providers/genezio","2.deploy/20.providers/genezio",{"title":166,"path":167,"stem":168},"GitHub Pages","/deploy/providers/github-pages","2.deploy/20.providers/github-pages",{"title":170,"path":171,"stem":172},"GitLab Pages","/deploy/providers/gitlab-pages","2.deploy/20.providers/gitlab-pages",{"title":174,"path":175,"stem":176},"Heroku","/deploy/providers/heroku","2.deploy/20.providers/heroku",{"title":178,"path":179,"stem":180},"IIS","/deploy/providers/iis","2.deploy/20.providers/iis",{"title":182,"path":183,"stem":184},"Koyeb","/deploy/providers/koyeb","2.deploy/20.providers/koyeb",{"title":186,"path":187,"stem":188},"Netlify","/deploy/providers/netlify","2.deploy/20.providers/netlify",{"title":190,"path":191,"stem":192},"Platform.sh","/deploy/providers/platform-sh","2.deploy/20.providers/platform-sh",{"title":194,"path":195,"stem":196},"Render.com","/deploy/providers/render","2.deploy/20.providers/render",{"title":198,"path":199,"stem":200},"StormKit","/deploy/providers/stormkit","2.deploy/20.providers/stormkit",{"title":202,"path":203,"stem":204},"Vercel","/deploy/providers/vercel","2.deploy/20.providers/vercel",{"title":206,"path":207,"stem":208},"Zeabur","/deploy/providers/zeabur","2.deploy/20.providers/zeabur",{"title":210,"path":211,"stem":212},"Zephyr Cloud","/deploy/providers/zephyr","2.deploy/20.providers/zephyr",{"title":214,"path":215,"stem":216},"Zerops","/deploy/providers/zerops","2.deploy/20.providers/zerops",{"title":218,"path":219,"stem":220,"children":221,"icon":36},"Config","/config","3.config/0.index",[222],{"title":218,"path":219,"stem":220,"icon":36},{"title":224,"path":225,"stem":226,"children":227,"icon":229},"Examples","/examples","4.examples/0.index",[228,230,235,240,245,250,254,259,264,269,274,279,284,288,293,297,301,306,311,316,321,326,331,336,341,346,350,355,360,364,369,374],{"title":224,"path":225,"stem":226,"icon":229},"i-lucide-folder-code",{"title":231,"path":232,"stem":233,"icon":234},"API Routes","/examples/api-routes","4.examples/api-routes","i-lucide-route",{"title":236,"path":237,"stem":238,"icon":239},"Auto Imports","/examples/auto-imports","4.examples/auto-imports","i-lucide-import",{"title":241,"path":242,"stem":243,"icon":244},"Cached Handler","/examples/cached-handler","4.examples/cached-handler","i-lucide-clock",{"title":246,"path":247,"stem":248,"icon":249},"Custom Error Handler","/examples/custom-error-handler","4.examples/custom-error-handler","i-lucide-alert-circle",{"title":38,"path":251,"stem":252,"icon":253},"/examples/database","4.examples/database","i-lucide-database",{"title":255,"path":256,"stem":257,"icon":258},"Elysia","/examples/elysia","4.examples/elysia","i-skill-icons-elysia-dark",{"title":260,"path":261,"stem":262,"icon":263},"Express","/examples/express","4.examples/express","i-simple-icons-express",{"title":265,"path":266,"stem":267,"icon":268},"Fastify","/examples/fastify","4.examples/fastify","i-simple-icons-fastify",{"title":270,"path":271,"stem":272,"icon":273},"Hello World","/examples/hello-world","4.examples/hello-world","i-lucide-sparkles",{"title":275,"path":276,"stem":277,"icon":278},"Hono","/examples/hono","4.examples/hono","i-logos-hono",{"title":280,"path":281,"stem":282,"icon":283},"Import Alias","/examples/import-alias","4.examples/import-alias","i-lucide-at-sign",{"title":285,"path":286,"stem":287,"icon":46},"Middleware","/examples/middleware","4.examples/middleware",{"title":289,"path":290,"stem":291,"icon":292},"Mono JSX","/examples/mono-jsx","4.examples/mono-jsx","i-lucide-brackets",{"title":294,"path":295,"stem":296,"icon":292},"Nano JSX","/examples/nano-jsx","4.examples/nano-jsx",{"title":48,"path":298,"stem":299,"icon":300},"/examples/plugins","4.examples/plugins","i-lucide-plug",{"title":302,"path":303,"stem":304,"icon":305},"Custom Renderer","/examples/renderer","4.examples/renderer","i-lucide-code",{"title":307,"path":308,"stem":309,"icon":310},"Runtime Config","/examples/runtime-config","4.examples/runtime-config","i-lucide-settings",{"title":312,"path":313,"stem":314,"icon":315},"Server Fetch","/examples/server-fetch","4.examples/server-fetch","i-lucide-arrow-right-left",{"title":317,"path":318,"stem":319,"icon":320},"Shiki","/examples/shiki","4.examples/shiki","i-lucide-highlighter",{"title":322,"path":323,"stem":324,"icon":325},"Virtual Routes","/examples/virtual-routes","4.examples/virtual-routes","i-lucide-box",{"title":327,"path":328,"stem":329,"icon":330},"Vite Nitro Plugin","/examples/vite-nitro-plugin","4.examples/vite-nitro-plugin","i-logos-vitejs",{"title":332,"path":333,"stem":334,"icon":335},"Vite RSC","/examples/vite-rsc","4.examples/vite-rsc","i-logos-react",{"title":337,"path":338,"stem":339,"icon":340},"Vite SSR HTML","/examples/vite-ssr-html","4.examples/vite-ssr-html","i-logos-html-5",{"title":342,"path":343,"stem":344,"icon":345},"SSR with Preact","/examples/vite-ssr-preact","4.examples/vite-ssr-preact","i-logos-preact",{"title":347,"path":348,"stem":349,"icon":335},"SSR with React","/examples/vite-ssr-react","4.examples/vite-ssr-react",{"title":351,"path":352,"stem":353,"icon":354},"SSR with SolidJS","/examples/vite-ssr-solid","4.examples/vite-ssr-solid","i-logos-solidjs-icon",{"title":356,"path":357,"stem":358,"icon":359},"SSR with TanStack Router","/examples/vite-ssr-tsr-react","4.examples/vite-ssr-tsr-react","i-simple-icons-tanstack",{"title":361,"path":362,"stem":363,"icon":359},"SSR with TanStack Start","/examples/vite-ssr-tss-react","4.examples/vite-ssr-tss-react",{"title":365,"path":366,"stem":367,"icon":368},"SSR with Vue Router","/examples/vite-ssr-vue-router","4.examples/vite-ssr-vue-router","i-logos-vue",{"title":370,"path":371,"stem":372,"icon":373},"Vite + tRPC","/examples/vite-trpc","4.examples/vite-trpc","i-simple-icons-trpc",{"title":58,"path":375,"stem":376,"icon":377},"/examples/websocket","4.examples/websocket","i-lucide-radio",{"title":379,"path":380,"stem":381,"children":382},"Blog","/blog","9.blog",[383,386],{"title":379,"path":380,"stem":384,"icon":385},"9.blog/index","i-lucide-file-text",{"title":387,"path":388,"stem":389,"icon":385},"Nitro v3 Beta is here!","/blog/v3-beta","9.blog/1.v3-beta",{"title":5,"path":391,"stem":392},"/","index",[394,399,403,406,409,412,416,419,422,425,428,431,434,438,441,444,447,450,453,457,460,464,467,470,473,476,479,482,485,488,491],{"title":231,"description":395,"meta":396,"path":232},"File-based API routing with HTTP method support and dynamic parameters.",{"automd":397,"category":398,"icon":234},true,"features",{"title":236,"description":400,"meta":401,"path":237},"Automatic imports for utilities and composables.",{"automd":397,"category":402,"icon":239},"config",{"title":241,"description":404,"meta":405,"path":242},"Cache route responses with configurable bypass logic.",{"automd":397,"category":398,"icon":244},{"title":246,"description":407,"meta":408,"path":247},"Customize error responses with a global error handler.",{"automd":397,"category":398,"icon":249},{"title":38,"description":410,"meta":411,"path":251},"Built-in database support with SQL template literals.",{"automd":397,"category":398,"icon":253},{"title":255,"description":413,"meta":414,"path":256},"Integrate Elysia with Nitro using the server entry.",{"automd":397,"category":415,"icon":258},"backend frameworks",{"title":260,"description":417,"meta":418,"path":261},"Integrate Express with Nitro using the server entry.",{"automd":397,"category":415,"icon":263},{"title":265,"description":420,"meta":421,"path":266},"Integrate Fastify with Nitro using the server entry.",{"automd":397,"category":415,"icon":268},{"title":270,"description":423,"meta":424,"path":271},"Minimal Nitro server using the web standard fetch handler.",{"automd":397,"category":398,"icon":273},{"title":275,"description":426,"meta":427,"path":276},"Integrate Hono with Nitro using the server entry.",{"automd":397,"category":415,"icon":278},{"title":280,"description":429,"meta":430,"path":281},"Custom import aliases for cleaner module paths.",{"automd":397,"category":402,"icon":283},{"title":285,"description":432,"meta":433,"path":286},"Request middleware for authentication, logging, and request modification.",{"automd":397,"category":398,"icon":46},{"title":289,"description":435,"meta":436,"path":290},"Server-side JSX rendering in Nitro with mono-jsx.",{"automd":397,"category":437,"icon":292},"server side rendering",{"title":294,"description":439,"meta":440,"path":295},"Server-side JSX rendering in Nitro with nano-jsx.",{"automd":397,"category":437,"icon":292},{"title":48,"description":442,"meta":443,"path":298},"Extend Nitro with custom plugins for hooks and lifecycle events.",{"automd":397,"category":398,"icon":300},{"title":302,"description":445,"meta":446,"path":303},"Build a custom HTML renderer in Nitro with server-side data fetching.",{"automd":397,"category":437,"icon":305},{"title":307,"description":448,"meta":449,"path":308},"Environment-aware configuration with runtime access.",{"automd":397,"category":402,"icon":310},{"title":312,"description":451,"meta":452,"path":313},"Internal server-to-server requests without network overhead.",{"automd":397,"category":398,"icon":315},{"title":317,"description":454,"meta":455,"path":318},"Server-side syntax highlighting in Nitro with Shiki.",{"automd":397,"category":456,"icon":320},"integrations",{"title":322,"description":458,"meta":459,"path":323},"Define routes programmatically using Nitro's virtual module system.",{"automd":397,"category":398,"icon":325},{"title":327,"description":461,"meta":462,"path":328},"Use Nitro as a Vite plugin for programmatic configuration.",{"automd":397,"category":463,"icon":330},"vite",{"title":332,"description":465,"meta":466,"path":333},"React Server Components with Vite and Nitro.",{"automd":397,"category":463,"icon":335},{"title":337,"description":468,"meta":469,"path":338},"Server-side rendering with vanilla HTML, Vite, and Nitro.",{"automd":397,"category":437,"icon":340},{"title":342,"description":471,"meta":472,"path":343},"Server-side rendering with Preact in Nitro using Vite.",{"automd":397,"category":437,"icon":345},{"title":347,"description":474,"meta":475,"path":348},"Server-side rendering with React in Nitro using Vite.",{"automd":397,"category":437,"icon":335},{"title":351,"description":477,"meta":478,"path":352},"Server-side rendering with SolidJS in Nitro using Vite.",{"automd":397,"category":437,"icon":354},{"title":356,"description":480,"meta":481,"path":357},"Client-side routing with TanStack Router in Nitro using Vite.",{"automd":397,"category":437,"icon":359},{"title":361,"description":483,"meta":484,"path":362},"Full-stack React with TanStack Start in Nitro using Vite.",{"automd":397,"category":437,"icon":359},{"title":365,"description":486,"meta":487,"path":366},"Server-side rendering with Vue Router in Nitro using Vite.",{"automd":397,"category":437,"icon":368},{"title":370,"description":489,"meta":490,"path":371},"End-to-end typesafe APIs with tRPC in Nitro using Vite.",{"automd":397,"category":463,"icon":373},{"title":58,"description":492,"meta":493,"path":375},"Real-time bidirectional communication with WebSocket support.",{"automd":397,"category":398,"icon":377},{"id":495,"title":342,"body":496,"description":471,"extension":2649,"meta":2650,"navigation":2651,"path":343,"seo":2652,"stem":344,"__hash__":2653},"content/4.examples/vite-ssr-preact.md",{"type":497,"value":498,"toc":2641,"icon":345},"minimark",[499,1768,1771,1776,1793,1797,1804,1914,1929,1933,1936,2032,2036,2042,2504,2527,2531,2534,2610,2620,2624,2637],[500,501,504,700,759,904,1037,1131,1711],"code-tree",{":expand-all":502,"default-value":503},"true","src/entry-server.tsx",[505,506,511],"pre",{"className":507,"code":508,"filename":509,"language":510,"meta":5,"style":5},"language-json shiki shiki-themes github-light github-dark github-dark","{\n  \"type\": \"module\",\n  \"scripts\": {\n    \"build\": \"vite build\",\n    \"preview\": \"vite preview\",\n    \"dev\": \"vite dev\"\n  },\n  \"devDependencies\": {\n    \"@preact/preset-vite\": \"^2.10.5\",\n    \"@tailwindcss/vite\": \"^4.2.2\",\n    \"nitro\": \"latest\",\n    \"preact\": \"^10.29.0\",\n    \"preact-render-to-string\": \"^6.6.7\",\n    \"tailwindcss\": \"^4.2.2\",\n    \"vite\": \"latest\"\n  }\n}\n","package.json","json",[512,513,514,523,540,549,562,575,586,592,600,613,626,639,652,665,677,688,694],"code",{"__ignoreMap":5},[515,516,519],"span",{"class":517,"line":518},"line",1,[515,520,522],{"class":521},"slsVL","{\n",[515,524,526,530,533,537],{"class":517,"line":525},2,[515,527,529],{"class":528},"suiK_","  \"type\"",[515,531,532],{"class":521},": ",[515,534,536],{"class":535},"sfrk1","\"module\"",[515,538,539],{"class":521},",\n",[515,541,543,546],{"class":517,"line":542},3,[515,544,545],{"class":528},"  \"scripts\"",[515,547,548],{"class":521},": {\n",[515,550,552,555,557,560],{"class":517,"line":551},4,[515,553,554],{"class":528},"    \"build\"",[515,556,532],{"class":521},[515,558,559],{"class":535},"\"vite build\"",[515,561,539],{"class":521},[515,563,565,568,570,573],{"class":517,"line":564},5,[515,566,567],{"class":528},"    \"preview\"",[515,569,532],{"class":521},[515,571,572],{"class":535},"\"vite preview\"",[515,574,539],{"class":521},[515,576,578,581,583],{"class":517,"line":577},6,[515,579,580],{"class":528},"    \"dev\"",[515,582,532],{"class":521},[515,584,585],{"class":535},"\"vite dev\"\n",[515,587,589],{"class":517,"line":588},7,[515,590,591],{"class":521},"  },\n",[515,593,595,598],{"class":517,"line":594},8,[515,596,597],{"class":528},"  \"devDependencies\"",[515,599,548],{"class":521},[515,601,603,606,608,611],{"class":517,"line":602},9,[515,604,605],{"class":528},"    \"@preact/preset-vite\"",[515,607,532],{"class":521},[515,609,610],{"class":535},"\"^2.10.5\"",[515,612,539],{"class":521},[515,614,616,619,621,624],{"class":517,"line":615},10,[515,617,618],{"class":528},"    \"@tailwindcss/vite\"",[515,620,532],{"class":521},[515,622,623],{"class":535},"\"^4.2.2\"",[515,625,539],{"class":521},[515,627,629,632,634,637],{"class":517,"line":628},11,[515,630,631],{"class":528},"    \"nitro\"",[515,633,532],{"class":521},[515,635,636],{"class":535},"\"latest\"",[515,638,539],{"class":521},[515,640,642,645,647,650],{"class":517,"line":641},12,[515,643,644],{"class":528},"    \"preact\"",[515,646,532],{"class":521},[515,648,649],{"class":535},"\"^10.29.0\"",[515,651,539],{"class":521},[515,653,655,658,660,663],{"class":517,"line":654},13,[515,656,657],{"class":528},"    \"preact-render-to-string\"",[515,659,532],{"class":521},[515,661,662],{"class":535},"\"^6.6.7\"",[515,664,539],{"class":521},[515,666,668,671,673,675],{"class":517,"line":667},14,[515,669,670],{"class":528},"    \"tailwindcss\"",[515,672,532],{"class":521},[515,674,623],{"class":535},[515,676,539],{"class":521},[515,678,680,683,685],{"class":517,"line":679},15,[515,681,682],{"class":528},"    \"vite\"",[515,684,532],{"class":521},[515,686,687],{"class":535},"\"latest\"\n",[515,689,691],{"class":517,"line":690},16,[515,692,693],{"class":521},"  }\n",[515,695,697],{"class":517,"line":696},17,[515,698,699],{"class":521},"}\n",[505,701,704],{"className":507,"code":702,"filename":703,"language":510,"meta":5,"style":5},"{\n  \"extends\": \"nitro/tsconfig\",\n  \"compilerOptions\": {\n    \"jsx\": \"react-jsx\",\n    \"jsxImportSource\": \"preact\"\n  }\n}\n","tsconfig.json",[512,705,706,710,722,729,741,751,755],{"__ignoreMap":5},[515,707,708],{"class":517,"line":518},[515,709,522],{"class":521},[515,711,712,715,717,720],{"class":517,"line":525},[515,713,714],{"class":528},"  \"extends\"",[515,716,532],{"class":521},[515,718,719],{"class":535},"\"nitro/tsconfig\"",[515,721,539],{"class":521},[515,723,724,727],{"class":517,"line":542},[515,725,726],{"class":528},"  \"compilerOptions\"",[515,728,548],{"class":521},[515,730,731,734,736,739],{"class":517,"line":551},[515,732,733],{"class":528},"    \"jsx\"",[515,735,532],{"class":521},[515,737,738],{"class":535},"\"react-jsx\"",[515,740,539],{"class":521},[515,742,743,746,748],{"class":517,"line":564},[515,744,745],{"class":528},"    \"jsxImportSource\"",[515,747,532],{"class":521},[515,749,750],{"class":535},"\"preact\"\n",[515,752,753],{"class":517,"line":577},[515,754,693],{"class":521},[515,756,757],{"class":517,"line":588},[515,758,699],{"class":521},[505,760,765],{"className":761,"code":762,"filename":763,"language":764,"meta":5,"style":5},"language-js shiki shiki-themes github-light github-dark github-dark","import { defineConfig } from \"vite\";\nimport { nitro } from \"nitro/vite\";\nimport preact from \"@preact/preset-vite\";\n\nexport default defineConfig({\n  plugins: [nitro(), preact()],\n  environments: {\n    client: {\n      build: {\n        rollupOptions: {\n          input: \"./src/entry-client.tsx\",\n        },\n      },\n    },\n  },\n});\n","vite.config.mjs","js",[512,766,767,785,799,813,818,833,850,855,860,865,870,880,885,890,895,899],{"__ignoreMap":5},[515,768,769,773,776,779,782],{"class":517,"line":518},[515,770,772],{"class":771},"so5gQ","import",[515,774,775],{"class":521}," { defineConfig } ",[515,777,778],{"class":771},"from",[515,780,781],{"class":535}," \"vite\"",[515,783,784],{"class":521},";\n",[515,786,787,789,792,794,797],{"class":517,"line":525},[515,788,772],{"class":771},[515,790,791],{"class":521}," { nitro } ",[515,793,778],{"class":771},[515,795,796],{"class":535}," \"nitro/vite\"",[515,798,784],{"class":521},[515,800,801,803,806,808,811],{"class":517,"line":542},[515,802,772],{"class":771},[515,804,805],{"class":521}," preact ",[515,807,778],{"class":771},[515,809,810],{"class":535}," \"@preact/preset-vite\"",[515,812,784],{"class":521},[515,814,815],{"class":517,"line":551},[515,816,817],{"emptyLinePlaceholder":397},"\n",[515,819,820,823,826,830],{"class":517,"line":564},[515,821,822],{"class":771},"export",[515,824,825],{"class":771}," default",[515,827,829],{"class":828},"shcOC"," defineConfig",[515,831,832],{"class":521},"({\n",[515,834,835,838,841,844,847],{"class":517,"line":577},[515,836,837],{"class":521},"  plugins: [",[515,839,840],{"class":828},"nitro",[515,842,843],{"class":521},"(), ",[515,845,846],{"class":828},"preact",[515,848,849],{"class":521},"()],\n",[515,851,852],{"class":517,"line":588},[515,853,854],{"class":521},"  environments: {\n",[515,856,857],{"class":517,"line":594},[515,858,859],{"class":521},"    client: {\n",[515,861,862],{"class":517,"line":602},[515,863,864],{"class":521},"      build: {\n",[515,866,867],{"class":517,"line":615},[515,868,869],{"class":521},"        rollupOptions: {\n",[515,871,872,875,878],{"class":517,"line":628},[515,873,874],{"class":521},"          input: ",[515,876,877],{"class":535},"\"./src/entry-client.tsx\"",[515,879,539],{"class":521},[515,881,882],{"class":517,"line":641},[515,883,884],{"class":521},"        },\n",[515,886,887],{"class":517,"line":654},[515,888,889],{"class":521},"      },\n",[515,891,892],{"class":517,"line":667},[515,893,894],{"class":521},"    },\n",[515,896,897],{"class":517,"line":679},[515,898,591],{"class":521},[515,900,901],{"class":517,"line":690},[515,902,903],{"class":521},"});\n",[505,905,910],{"className":906,"code":907,"filename":908,"language":909,"meta":5,"style":5},"language-tsx shiki shiki-themes github-light github-dark github-dark","import { useState } from \"preact/hooks\";\n\nexport function App() {\n  const [count, setCount] = useState(0);\n  return \u003Cbutton onClick={() => setCount((c) => c + 1)}>Count is {count}\u003C/button>;\n}\n","src/app.tsx","tsx",[512,911,912,926,930,943,978,1033],{"__ignoreMap":5},[515,913,914,916,919,921,924],{"class":517,"line":518},[515,915,772],{"class":771},[515,917,918],{"class":521}," { useState } ",[515,920,778],{"class":771},[515,922,923],{"class":535}," \"preact/hooks\"",[515,925,784],{"class":521},[515,927,928],{"class":517,"line":525},[515,929,817],{"emptyLinePlaceholder":397},[515,931,932,934,937,940],{"class":517,"line":542},[515,933,822],{"class":771},[515,935,936],{"class":771}," function",[515,938,939],{"class":828}," App",[515,941,942],{"class":521},"() {\n",[515,944,945,948,951,954,957,960,963,966,969,972,975],{"class":517,"line":551},[515,946,947],{"class":771},"  const",[515,949,950],{"class":521}," [",[515,952,953],{"class":528},"count",[515,955,956],{"class":521},", ",[515,958,959],{"class":528},"setCount",[515,961,962],{"class":521},"] ",[515,964,965],{"class":771},"=",[515,967,968],{"class":828}," useState",[515,970,971],{"class":521},"(",[515,973,974],{"class":528},"0",[515,976,977],{"class":521},");\n",[515,979,980,983,986,990,993,995,998,1001,1004,1007,1011,1014,1016,1019,1022,1025,1028,1030],{"class":517,"line":564},[515,981,982],{"class":771},"  return",[515,984,985],{"class":521}," \u003C",[515,987,989],{"class":988},"sByVh","button",[515,991,992],{"class":828}," onClick",[515,994,965],{"class":771},[515,996,997],{"class":521},"{() ",[515,999,1000],{"class":771},"=>",[515,1002,1003],{"class":828}," setCount",[515,1005,1006],{"class":521},"((",[515,1008,1010],{"class":1009},"sQHwn","c",[515,1012,1013],{"class":521},") ",[515,1015,1000],{"class":771},[515,1017,1018],{"class":521}," c ",[515,1020,1021],{"class":771},"+",[515,1023,1024],{"class":528}," 1",[515,1026,1027],{"class":521},")}>Count is {count}\u003C/",[515,1029,989],{"class":988},[515,1031,1032],{"class":521},">;\n",[515,1034,1035],{"class":517,"line":577},[515,1036,699],{"class":521},[505,1038,1041],{"className":906,"code":1039,"filename":1040,"language":909,"meta":5,"style":5},"import { hydrate } from \"preact\";\nimport { App } from \"./app.tsx\";\n\nfunction main() {\n  hydrate(\u003CApp />, document.querySelector(\"#app\")!);\n}\n\nmain();\n","src/entry-client.tsx",[512,1042,1043,1057,1071,1075,1085,1115,1119,1123],{"__ignoreMap":5},[515,1044,1045,1047,1050,1052,1055],{"class":517,"line":518},[515,1046,772],{"class":771},[515,1048,1049],{"class":521}," { hydrate } ",[515,1051,778],{"class":771},[515,1053,1054],{"class":535}," \"preact\"",[515,1056,784],{"class":521},[515,1058,1059,1061,1064,1066,1069],{"class":517,"line":525},[515,1060,772],{"class":771},[515,1062,1063],{"class":521}," { App } ",[515,1065,778],{"class":771},[515,1067,1068],{"class":535}," \"./app.tsx\"",[515,1070,784],{"class":521},[515,1072,1073],{"class":517,"line":542},[515,1074,817],{"emptyLinePlaceholder":397},[515,1076,1077,1080,1083],{"class":517,"line":551},[515,1078,1079],{"class":771},"function",[515,1081,1082],{"class":828}," main",[515,1084,942],{"class":521},[515,1086,1087,1090,1093,1096,1099,1102,1104,1107,1110,1113],{"class":517,"line":564},[515,1088,1089],{"class":828},"  hydrate",[515,1091,1092],{"class":521},"(\u003C",[515,1094,1095],{"class":528},"App",[515,1097,1098],{"class":521}," />, document.",[515,1100,1101],{"class":828},"querySelector",[515,1103,971],{"class":521},[515,1105,1106],{"class":535},"\"#app\"",[515,1108,1109],{"class":521},")",[515,1111,1112],{"class":771},"!",[515,1114,977],{"class":521},[515,1116,1117],{"class":517,"line":577},[515,1118,699],{"class":521},[515,1120,1121],{"class":517,"line":588},[515,1122,817],{"emptyLinePlaceholder":397},[515,1124,1125,1128],{"class":517,"line":594},[515,1126,1127],{"class":828},"main",[515,1129,1130],{"class":521},"();\n",[505,1132,1134],{"className":906,"code":1133,"filename":503,"language":909,"meta":5,"style":5},"import \"./styles.css\";\nimport { renderToReadableStream } from \"preact-render-to-string/stream\";\nimport { App } from \"./app.jsx\";\n\nimport clientAssets from \"./entry-client?assets=client\";\nimport serverAssets from \"./entry-server?assets=ssr\";\n\nexport default {\n  async fetch(request: Request) {\n    const url = new URL(request.url);\n    const htmlStream = renderToReadableStream(\u003CRoot url={url} />);\n    return new Response(htmlStream, {\n      headers: { \"Content-Type\": \"text/html;charset=utf-8\" },\n    });\n  },\n};\n\nfunction Root(props: { url: URL }) {\n  const assets = clientAssets.merge(serverAssets);\n  return (\n    \u003Chtml lang=\"en\">\n      \u003Chead>\n        \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n        {assets.css.map((attr: any) => (\n          \u003Clink key={attr.href} rel=\"stylesheet\" {...attr} />\n        ))}\n        {assets.js.map((attr: any) => (\n          \u003Clink key={attr.href} type=\"modulepreload\" {...attr} />\n        ))}\n        \u003Cscript type=\"module\" src={assets.entry} />\n      \u003C/head>\n      \u003Cbody>\n        \u003Ch1 className=\"hero\">Nitro + Vite + Preact\u003C/h1>\n        \u003Cp>URL: {props.url.href}\u003C/p>\n        \u003Cdiv id=\"app\">\n          \u003CApp />\n        \u003C/div>\n      \u003C/body>\n    \u003C/html>\n  );\n}\n",[512,1135,1136,1145,1159,1172,1176,1190,1204,1208,1217,1239,1259,1283,1296,1312,1317,1321,1326,1330,1358,1377,1385,1405,1416,1444,1469,1503,1509,1531,1558,1563,1586,1596,1606,1629,1644,1662,1671,1681,1690,1700,1706],{"__ignoreMap":5},[515,1137,1138,1140,1143],{"class":517,"line":518},[515,1139,772],{"class":771},[515,1141,1142],{"class":535}," \"./styles.css\"",[515,1144,784],{"class":521},[515,1146,1147,1149,1152,1154,1157],{"class":517,"line":525},[515,1148,772],{"class":771},[515,1150,1151],{"class":521}," { renderToReadableStream } ",[515,1153,778],{"class":771},[515,1155,1156],{"class":535}," \"preact-render-to-string/stream\"",[515,1158,784],{"class":521},[515,1160,1161,1163,1165,1167,1170],{"class":517,"line":542},[515,1162,772],{"class":771},[515,1164,1063],{"class":521},[515,1166,778],{"class":771},[515,1168,1169],{"class":535}," \"./app.jsx\"",[515,1171,784],{"class":521},[515,1173,1174],{"class":517,"line":551},[515,1175,817],{"emptyLinePlaceholder":397},[515,1177,1178,1180,1183,1185,1188],{"class":517,"line":564},[515,1179,772],{"class":771},[515,1181,1182],{"class":521}," clientAssets ",[515,1184,778],{"class":771},[515,1186,1187],{"class":535}," \"./entry-client?assets=client\"",[515,1189,784],{"class":521},[515,1191,1192,1194,1197,1199,1202],{"class":517,"line":577},[515,1193,772],{"class":771},[515,1195,1196],{"class":521}," serverAssets ",[515,1198,778],{"class":771},[515,1200,1201],{"class":535}," \"./entry-server?assets=ssr\"",[515,1203,784],{"class":521},[515,1205,1206],{"class":517,"line":588},[515,1207,817],{"emptyLinePlaceholder":397},[515,1209,1210,1212,1214],{"class":517,"line":594},[515,1211,822],{"class":771},[515,1213,825],{"class":771},[515,1215,1216],{"class":521}," {\n",[515,1218,1219,1222,1225,1227,1230,1233,1236],{"class":517,"line":602},[515,1220,1221],{"class":771},"  async",[515,1223,1224],{"class":828}," fetch",[515,1226,971],{"class":521},[515,1228,1229],{"class":1009},"request",[515,1231,1232],{"class":771},":",[515,1234,1235],{"class":828}," Request",[515,1237,1238],{"class":521},") {\n",[515,1240,1241,1244,1247,1250,1253,1256],{"class":517,"line":615},[515,1242,1243],{"class":771},"    const",[515,1245,1246],{"class":528}," url",[515,1248,1249],{"class":771}," =",[515,1251,1252],{"class":771}," new",[515,1254,1255],{"class":828}," URL",[515,1257,1258],{"class":521},"(request.url);\n",[515,1260,1261,1263,1266,1268,1271,1273,1276,1278,1280],{"class":517,"line":628},[515,1262,1243],{"class":771},[515,1264,1265],{"class":528}," htmlStream",[515,1267,1249],{"class":771},[515,1269,1270],{"class":828}," renderToReadableStream",[515,1272,1092],{"class":521},[515,1274,1275],{"class":528},"Root",[515,1277,1246],{"class":828},[515,1279,965],{"class":771},[515,1281,1282],{"class":521},"{url} />);\n",[515,1284,1285,1288,1290,1293],{"class":517,"line":641},[515,1286,1287],{"class":771},"    return",[515,1289,1252],{"class":771},[515,1291,1292],{"class":828}," Response",[515,1294,1295],{"class":521},"(htmlStream, {\n",[515,1297,1298,1301,1304,1306,1309],{"class":517,"line":654},[515,1299,1300],{"class":521},"      headers: { ",[515,1302,1303],{"class":535},"\"Content-Type\"",[515,1305,532],{"class":521},[515,1307,1308],{"class":535},"\"text/html;charset=utf-8\"",[515,1310,1311],{"class":521}," },\n",[515,1313,1314],{"class":517,"line":667},[515,1315,1316],{"class":521},"    });\n",[515,1318,1319],{"class":517,"line":679},[515,1320,591],{"class":521},[515,1322,1323],{"class":517,"line":690},[515,1324,1325],{"class":521},"};\n",[515,1327,1328],{"class":517,"line":696},[515,1329,817],{"emptyLinePlaceholder":397},[515,1331,1333,1335,1338,1340,1343,1345,1348,1351,1353,1355],{"class":517,"line":1332},18,[515,1334,1079],{"class":771},[515,1336,1337],{"class":828}," Root",[515,1339,971],{"class":521},[515,1341,1342],{"class":1009},"props",[515,1344,1232],{"class":771},[515,1346,1347],{"class":521}," { ",[515,1349,1350],{"class":1009},"url",[515,1352,1232],{"class":771},[515,1354,1255],{"class":828},[515,1356,1357],{"class":521}," }) {\n",[515,1359,1361,1363,1366,1368,1371,1374],{"class":517,"line":1360},19,[515,1362,947],{"class":771},[515,1364,1365],{"class":528}," assets",[515,1367,1249],{"class":771},[515,1369,1370],{"class":521}," clientAssets.",[515,1372,1373],{"class":828},"merge",[515,1375,1376],{"class":521},"(serverAssets);\n",[515,1378,1380,1382],{"class":517,"line":1379},20,[515,1381,982],{"class":771},[515,1383,1384],{"class":521}," (\n",[515,1386,1388,1391,1394,1397,1399,1402],{"class":517,"line":1387},21,[515,1389,1390],{"class":521},"    \u003C",[515,1392,1393],{"class":988},"html",[515,1395,1396],{"class":828}," lang",[515,1398,965],{"class":771},[515,1400,1401],{"class":535},"\"en\"",[515,1403,1404],{"class":521},">\n",[515,1406,1408,1411,1414],{"class":517,"line":1407},22,[515,1409,1410],{"class":521},"      \u003C",[515,1412,1413],{"class":988},"head",[515,1415,1404],{"class":521},[515,1417,1419,1422,1425,1428,1430,1433,1436,1438,1441],{"class":517,"line":1418},23,[515,1420,1421],{"class":521},"        \u003C",[515,1423,1424],{"class":988},"meta",[515,1426,1427],{"class":828}," name",[515,1429,965],{"class":771},[515,1431,1432],{"class":535},"\"viewport\"",[515,1434,1435],{"class":828}," content",[515,1437,965],{"class":771},[515,1439,1440],{"class":535},"\"width=device-width, initial-scale=1.0\"",[515,1442,1443],{"class":521}," />\n",[515,1445,1447,1450,1453,1455,1458,1460,1463,1465,1467],{"class":517,"line":1446},24,[515,1448,1449],{"class":521},"        {assets.css.",[515,1451,1452],{"class":828},"map",[515,1454,1006],{"class":521},[515,1456,1457],{"class":1009},"attr",[515,1459,1232],{"class":771},[515,1461,1462],{"class":528}," any",[515,1464,1013],{"class":521},[515,1466,1000],{"class":771},[515,1468,1384],{"class":521},[515,1470,1472,1475,1478,1481,1483,1486,1489,1491,1494,1497,1500],{"class":517,"line":1471},25,[515,1473,1474],{"class":521},"          \u003C",[515,1476,1477],{"class":988},"link",[515,1479,1480],{"class":828}," key",[515,1482,965],{"class":771},[515,1484,1485],{"class":521},"{attr.href} ",[515,1487,1488],{"class":828},"rel",[515,1490,965],{"class":771},[515,1492,1493],{"class":535},"\"stylesheet\"",[515,1495,1496],{"class":521}," {",[515,1498,1499],{"class":771},"...",[515,1501,1502],{"class":521},"attr} />\n",[515,1504,1506],{"class":517,"line":1505},26,[515,1507,1508],{"class":521},"        ))}\n",[515,1510,1512,1515,1517,1519,1521,1523,1525,1527,1529],{"class":517,"line":1511},27,[515,1513,1514],{"class":521},"        {assets.js.",[515,1516,1452],{"class":828},[515,1518,1006],{"class":521},[515,1520,1457],{"class":1009},[515,1522,1232],{"class":771},[515,1524,1462],{"class":528},[515,1526,1013],{"class":521},[515,1528,1000],{"class":771},[515,1530,1384],{"class":521},[515,1532,1534,1536,1538,1540,1542,1544,1547,1549,1552,1554,1556],{"class":517,"line":1533},28,[515,1535,1474],{"class":521},[515,1537,1477],{"class":988},[515,1539,1480],{"class":828},[515,1541,965],{"class":771},[515,1543,1485],{"class":521},[515,1545,1546],{"class":828},"type",[515,1548,965],{"class":771},[515,1550,1551],{"class":535},"\"modulepreload\"",[515,1553,1496],{"class":521},[515,1555,1499],{"class":771},[515,1557,1502],{"class":521},[515,1559,1561],{"class":517,"line":1560},29,[515,1562,1508],{"class":521},[515,1564,1566,1568,1571,1574,1576,1578,1581,1583],{"class":517,"line":1565},30,[515,1567,1421],{"class":521},[515,1569,1570],{"class":988},"script",[515,1572,1573],{"class":828}," type",[515,1575,965],{"class":771},[515,1577,536],{"class":535},[515,1579,1580],{"class":828}," src",[515,1582,965],{"class":771},[515,1584,1585],{"class":521},"{assets.entry} />\n",[515,1587,1589,1592,1594],{"class":517,"line":1588},31,[515,1590,1591],{"class":521},"      \u003C/",[515,1593,1413],{"class":988},[515,1595,1404],{"class":521},[515,1597,1599,1601,1604],{"class":517,"line":1598},32,[515,1600,1410],{"class":521},[515,1602,1603],{"class":988},"body",[515,1605,1404],{"class":521},[515,1607,1609,1611,1614,1617,1619,1622,1625,1627],{"class":517,"line":1608},33,[515,1610,1421],{"class":521},[515,1612,1613],{"class":988},"h1",[515,1615,1616],{"class":828}," className",[515,1618,965],{"class":771},[515,1620,1621],{"class":535},"\"hero\"",[515,1623,1624],{"class":521},">Nitro + Vite + Preact\u003C/",[515,1626,1613],{"class":988},[515,1628,1404],{"class":521},[515,1630,1632,1634,1637,1640,1642],{"class":517,"line":1631},34,[515,1633,1421],{"class":521},[515,1635,1636],{"class":988},"p",[515,1638,1639],{"class":521},">URL: {props.url.href}\u003C/",[515,1641,1636],{"class":988},[515,1643,1404],{"class":521},[515,1645,1647,1649,1652,1655,1657,1660],{"class":517,"line":1646},35,[515,1648,1421],{"class":521},[515,1650,1651],{"class":988},"div",[515,1653,1654],{"class":828}," id",[515,1656,965],{"class":771},[515,1658,1659],{"class":535},"\"app\"",[515,1661,1404],{"class":521},[515,1663,1665,1667,1669],{"class":517,"line":1664},36,[515,1666,1474],{"class":521},[515,1668,1095],{"class":528},[515,1670,1443],{"class":521},[515,1672,1674,1677,1679],{"class":517,"line":1673},37,[515,1675,1676],{"class":521},"        \u003C/",[515,1678,1651],{"class":988},[515,1680,1404],{"class":521},[515,1682,1684,1686,1688],{"class":517,"line":1683},38,[515,1685,1591],{"class":521},[515,1687,1603],{"class":988},[515,1689,1404],{"class":521},[515,1691,1693,1696,1698],{"class":517,"line":1692},39,[515,1694,1695],{"class":521},"    \u003C/",[515,1697,1393],{"class":988},[515,1699,1404],{"class":521},[515,1701,1703],{"class":517,"line":1702},40,[515,1704,1705],{"class":521},"  );\n",[515,1707,1709],{"class":517,"line":1708},41,[515,1710,699],{"class":521},[505,1712,1717],{"className":1713,"code":1714,"filename":1715,"language":1716,"meta":5,"style":5},"language-css shiki shiki-themes github-light github-dark github-dark",".hero {\n  color: orange;\n}\n\nbutton {\n  background-color: lightskyblue;\n}\n","src/styles.css","css",[512,1718,1719,1726,1738,1742,1746,1752,1764],{"__ignoreMap":5},[515,1720,1721,1724],{"class":517,"line":518},[515,1722,1723],{"class":828},".hero",[515,1725,1216],{"class":521},[515,1727,1728,1731,1733,1736],{"class":517,"line":525},[515,1729,1730],{"class":528},"  color",[515,1732,532],{"class":521},[515,1734,1735],{"class":528},"orange",[515,1737,784],{"class":521},[515,1739,1740],{"class":517,"line":542},[515,1741,699],{"class":521},[515,1743,1744],{"class":517,"line":551},[515,1745,817],{"emptyLinePlaceholder":397},[515,1747,1748,1750],{"class":517,"line":564},[515,1749,989],{"class":988},[515,1751,1216],{"class":521},[515,1753,1754,1757,1759,1762],{"class":517,"line":577},[515,1755,1756],{"class":528},"  background-color",[515,1758,532],{"class":521},[515,1760,1761],{"class":528},"lightskyblue",[515,1763,784],{"class":521},[515,1765,1766],{"class":517,"line":588},[515,1767,699],{"class":521},[1636,1769,1770],{},"Set up server-side rendering (SSR) with Preact, Vite, and Nitro. This setup enables streaming HTML responses, automatic asset management, and client hydration.",[1772,1773,1775],"h2",{"id":1774},"overview","Overview",[1777,1778,1780,1784,1787,1790],"steps",{"level":1779},"4",[1781,1782,1783],"h4",{},"Add the Nitro Vite plugin to your Vite config",[1781,1785,1786],{},"Configure client and server entry points",[1781,1788,1789],{},"Create a server entry that renders your app to HTML",[1781,1791,1792],{},"Create a client entry that hydrates the server-rendered HTML",[1772,1794,1796],{"id":1795},"_1-configure-vite","1. Configure Vite",[1636,1798,1799,1800,1803],{},"Add the Nitro and Preact plugins to your Vite config. Define the ",[512,1801,1802],{},"client"," environment with your client entry point:",[505,1805,1806],{"className":761,"code":762,"filename":763,"language":764,"meta":5,"style":5},[512,1807,1808,1820,1832,1844,1848,1858,1870,1874,1878,1882,1886,1894,1898,1902,1906,1910],{"__ignoreMap":5},[515,1809,1810,1812,1814,1816,1818],{"class":517,"line":518},[515,1811,772],{"class":771},[515,1813,775],{"class":521},[515,1815,778],{"class":771},[515,1817,781],{"class":535},[515,1819,784],{"class":521},[515,1821,1822,1824,1826,1828,1830],{"class":517,"line":525},[515,1823,772],{"class":771},[515,1825,791],{"class":521},[515,1827,778],{"class":771},[515,1829,796],{"class":535},[515,1831,784],{"class":521},[515,1833,1834,1836,1838,1840,1842],{"class":517,"line":542},[515,1835,772],{"class":771},[515,1837,805],{"class":521},[515,1839,778],{"class":771},[515,1841,810],{"class":535},[515,1843,784],{"class":521},[515,1845,1846],{"class":517,"line":551},[515,1847,817],{"emptyLinePlaceholder":397},[515,1849,1850,1852,1854,1856],{"class":517,"line":564},[515,1851,822],{"class":771},[515,1853,825],{"class":771},[515,1855,829],{"class":828},[515,1857,832],{"class":521},[515,1859,1860,1862,1864,1866,1868],{"class":517,"line":577},[515,1861,837],{"class":521},[515,1863,840],{"class":828},[515,1865,843],{"class":521},[515,1867,846],{"class":828},[515,1869,849],{"class":521},[515,1871,1872],{"class":517,"line":588},[515,1873,854],{"class":521},[515,1875,1876],{"class":517,"line":594},[515,1877,859],{"class":521},[515,1879,1880],{"class":517,"line":602},[515,1881,864],{"class":521},[515,1883,1884],{"class":517,"line":615},[515,1885,869],{"class":521},[515,1887,1888,1890,1892],{"class":517,"line":628},[515,1889,874],{"class":521},[515,1891,877],{"class":535},[515,1893,539],{"class":521},[515,1895,1896],{"class":517,"line":641},[515,1897,884],{"class":521},[515,1899,1900],{"class":517,"line":654},[515,1901,889],{"class":521},[515,1903,1904],{"class":517,"line":667},[515,1905,894],{"class":521},[515,1907,1908],{"class":517,"line":679},[515,1909,591],{"class":521},[515,1911,1912],{"class":517,"line":690},[515,1913,903],{"class":521},[1636,1915,1916,1917,1920,1921,1924,1925,1928],{},"The ",[512,1918,1919],{},"environments.client"," configuration tells Vite which file to use as the browser entry point. Nitro automatically detects the server entry from files named ",[512,1922,1923],{},"entry-server"," or ",[512,1926,1927],{},"server"," in common directories.",[1772,1930,1932],{"id":1931},"_2-create-the-app-component","2. Create the App Component",[1636,1934,1935],{},"Create a shared Preact component that runs on both server and client:",[505,1937,1938],{"className":906,"code":907,"filename":908,"language":909,"meta":5,"style":5},[512,1939,1940,1952,1956,1966,1990,2028],{"__ignoreMap":5},[515,1941,1942,1944,1946,1948,1950],{"class":517,"line":518},[515,1943,772],{"class":771},[515,1945,918],{"class":521},[515,1947,778],{"class":771},[515,1949,923],{"class":535},[515,1951,784],{"class":521},[515,1953,1954],{"class":517,"line":525},[515,1955,817],{"emptyLinePlaceholder":397},[515,1957,1958,1960,1962,1964],{"class":517,"line":542},[515,1959,822],{"class":771},[515,1961,936],{"class":771},[515,1963,939],{"class":828},[515,1965,942],{"class":521},[515,1967,1968,1970,1972,1974,1976,1978,1980,1982,1984,1986,1988],{"class":517,"line":551},[515,1969,947],{"class":771},[515,1971,950],{"class":521},[515,1973,953],{"class":528},[515,1975,956],{"class":521},[515,1977,959],{"class":528},[515,1979,962],{"class":521},[515,1981,965],{"class":771},[515,1983,968],{"class":828},[515,1985,971],{"class":521},[515,1987,974],{"class":528},[515,1989,977],{"class":521},[515,1991,1992,1994,1996,1998,2000,2002,2004,2006,2008,2010,2012,2014,2016,2018,2020,2022,2024,2026],{"class":517,"line":564},[515,1993,982],{"class":771},[515,1995,985],{"class":521},[515,1997,989],{"class":988},[515,1999,992],{"class":828},[515,2001,965],{"class":771},[515,2003,997],{"class":521},[515,2005,1000],{"class":771},[515,2007,1003],{"class":828},[515,2009,1006],{"class":521},[515,2011,1010],{"class":1009},[515,2013,1013],{"class":521},[515,2015,1000],{"class":771},[515,2017,1018],{"class":521},[515,2019,1021],{"class":771},[515,2021,1024],{"class":528},[515,2023,1027],{"class":521},[515,2025,989],{"class":988},[515,2027,1032],{"class":521},[515,2029,2030],{"class":517,"line":577},[515,2031,699],{"class":521},[1772,2033,2035],{"id":2034},"_3-create-the-server-entry","3. Create the Server Entry",[1636,2037,2038,2039,1232],{},"The server entry renders your Preact app to a streaming HTML response using ",[512,2040,2041],{},"preact-render-to-string/stream",[505,2043,2044],{"className":906,"code":1133,"filename":503,"language":909,"meta":5,"style":5},[512,2045,2046,2054,2066,2078,2082,2094,2106,2110,2118,2134,2148,2168,2178,2190,2194,2198,2202,2206,2228,2242,2248,2262,2270,2290,2310,2334,2338,2358,2382,2386,2404,2412,2420,2438,2450,2464,2472,2480,2488,2496,2500],{"__ignoreMap":5},[515,2047,2048,2050,2052],{"class":517,"line":518},[515,2049,772],{"class":771},[515,2051,1142],{"class":535},[515,2053,784],{"class":521},[515,2055,2056,2058,2060,2062,2064],{"class":517,"line":525},[515,2057,772],{"class":771},[515,2059,1151],{"class":521},[515,2061,778],{"class":771},[515,2063,1156],{"class":535},[515,2065,784],{"class":521},[515,2067,2068,2070,2072,2074,2076],{"class":517,"line":542},[515,2069,772],{"class":771},[515,2071,1063],{"class":521},[515,2073,778],{"class":771},[515,2075,1169],{"class":535},[515,2077,784],{"class":521},[515,2079,2080],{"class":517,"line":551},[515,2081,817],{"emptyLinePlaceholder":397},[515,2083,2084,2086,2088,2090,2092],{"class":517,"line":564},[515,2085,772],{"class":771},[515,2087,1182],{"class":521},[515,2089,778],{"class":771},[515,2091,1187],{"class":535},[515,2093,784],{"class":521},[515,2095,2096,2098,2100,2102,2104],{"class":517,"line":577},[515,2097,772],{"class":771},[515,2099,1196],{"class":521},[515,2101,778],{"class":771},[515,2103,1201],{"class":535},[515,2105,784],{"class":521},[515,2107,2108],{"class":517,"line":588},[515,2109,817],{"emptyLinePlaceholder":397},[515,2111,2112,2114,2116],{"class":517,"line":594},[515,2113,822],{"class":771},[515,2115,825],{"class":771},[515,2117,1216],{"class":521},[515,2119,2120,2122,2124,2126,2128,2130,2132],{"class":517,"line":602},[515,2121,1221],{"class":771},[515,2123,1224],{"class":828},[515,2125,971],{"class":521},[515,2127,1229],{"class":1009},[515,2129,1232],{"class":771},[515,2131,1235],{"class":828},[515,2133,1238],{"class":521},[515,2135,2136,2138,2140,2142,2144,2146],{"class":517,"line":615},[515,2137,1243],{"class":771},[515,2139,1246],{"class":528},[515,2141,1249],{"class":771},[515,2143,1252],{"class":771},[515,2145,1255],{"class":828},[515,2147,1258],{"class":521},[515,2149,2150,2152,2154,2156,2158,2160,2162,2164,2166],{"class":517,"line":628},[515,2151,1243],{"class":771},[515,2153,1265],{"class":528},[515,2155,1249],{"class":771},[515,2157,1270],{"class":828},[515,2159,1092],{"class":521},[515,2161,1275],{"class":528},[515,2163,1246],{"class":828},[515,2165,965],{"class":771},[515,2167,1282],{"class":521},[515,2169,2170,2172,2174,2176],{"class":517,"line":641},[515,2171,1287],{"class":771},[515,2173,1252],{"class":771},[515,2175,1292],{"class":828},[515,2177,1295],{"class":521},[515,2179,2180,2182,2184,2186,2188],{"class":517,"line":654},[515,2181,1300],{"class":521},[515,2183,1303],{"class":535},[515,2185,532],{"class":521},[515,2187,1308],{"class":535},[515,2189,1311],{"class":521},[515,2191,2192],{"class":517,"line":667},[515,2193,1316],{"class":521},[515,2195,2196],{"class":517,"line":679},[515,2197,591],{"class":521},[515,2199,2200],{"class":517,"line":690},[515,2201,1325],{"class":521},[515,2203,2204],{"class":517,"line":696},[515,2205,817],{"emptyLinePlaceholder":397},[515,2207,2208,2210,2212,2214,2216,2218,2220,2222,2224,2226],{"class":517,"line":1332},[515,2209,1079],{"class":771},[515,2211,1337],{"class":828},[515,2213,971],{"class":521},[515,2215,1342],{"class":1009},[515,2217,1232],{"class":771},[515,2219,1347],{"class":521},[515,2221,1350],{"class":1009},[515,2223,1232],{"class":771},[515,2225,1255],{"class":828},[515,2227,1357],{"class":521},[515,2229,2230,2232,2234,2236,2238,2240],{"class":517,"line":1360},[515,2231,947],{"class":771},[515,2233,1365],{"class":528},[515,2235,1249],{"class":771},[515,2237,1370],{"class":521},[515,2239,1373],{"class":828},[515,2241,1376],{"class":521},[515,2243,2244,2246],{"class":517,"line":1379},[515,2245,982],{"class":771},[515,2247,1384],{"class":521},[515,2249,2250,2252,2254,2256,2258,2260],{"class":517,"line":1387},[515,2251,1390],{"class":521},[515,2253,1393],{"class":988},[515,2255,1396],{"class":828},[515,2257,965],{"class":771},[515,2259,1401],{"class":535},[515,2261,1404],{"class":521},[515,2263,2264,2266,2268],{"class":517,"line":1407},[515,2265,1410],{"class":521},[515,2267,1413],{"class":988},[515,2269,1404],{"class":521},[515,2271,2272,2274,2276,2278,2280,2282,2284,2286,2288],{"class":517,"line":1418},[515,2273,1421],{"class":521},[515,2275,1424],{"class":988},[515,2277,1427],{"class":828},[515,2279,965],{"class":771},[515,2281,1432],{"class":535},[515,2283,1435],{"class":828},[515,2285,965],{"class":771},[515,2287,1440],{"class":535},[515,2289,1443],{"class":521},[515,2291,2292,2294,2296,2298,2300,2302,2304,2306,2308],{"class":517,"line":1446},[515,2293,1449],{"class":521},[515,2295,1452],{"class":828},[515,2297,1006],{"class":521},[515,2299,1457],{"class":1009},[515,2301,1232],{"class":771},[515,2303,1462],{"class":528},[515,2305,1013],{"class":521},[515,2307,1000],{"class":771},[515,2309,1384],{"class":521},[515,2311,2312,2314,2316,2318,2320,2322,2324,2326,2328,2330,2332],{"class":517,"line":1471},[515,2313,1474],{"class":521},[515,2315,1477],{"class":988},[515,2317,1480],{"class":828},[515,2319,965],{"class":771},[515,2321,1485],{"class":521},[515,2323,1488],{"class":828},[515,2325,965],{"class":771},[515,2327,1493],{"class":535},[515,2329,1496],{"class":521},[515,2331,1499],{"class":771},[515,2333,1502],{"class":521},[515,2335,2336],{"class":517,"line":1505},[515,2337,1508],{"class":521},[515,2339,2340,2342,2344,2346,2348,2350,2352,2354,2356],{"class":517,"line":1511},[515,2341,1514],{"class":521},[515,2343,1452],{"class":828},[515,2345,1006],{"class":521},[515,2347,1457],{"class":1009},[515,2349,1232],{"class":771},[515,2351,1462],{"class":528},[515,2353,1013],{"class":521},[515,2355,1000],{"class":771},[515,2357,1384],{"class":521},[515,2359,2360,2362,2364,2366,2368,2370,2372,2374,2376,2378,2380],{"class":517,"line":1533},[515,2361,1474],{"class":521},[515,2363,1477],{"class":988},[515,2365,1480],{"class":828},[515,2367,965],{"class":771},[515,2369,1485],{"class":521},[515,2371,1546],{"class":828},[515,2373,965],{"class":771},[515,2375,1551],{"class":535},[515,2377,1496],{"class":521},[515,2379,1499],{"class":771},[515,2381,1502],{"class":521},[515,2383,2384],{"class":517,"line":1560},[515,2385,1508],{"class":521},[515,2387,2388,2390,2392,2394,2396,2398,2400,2402],{"class":517,"line":1565},[515,2389,1421],{"class":521},[515,2391,1570],{"class":988},[515,2393,1573],{"class":828},[515,2395,965],{"class":771},[515,2397,536],{"class":535},[515,2399,1580],{"class":828},[515,2401,965],{"class":771},[515,2403,1585],{"class":521},[515,2405,2406,2408,2410],{"class":517,"line":1588},[515,2407,1591],{"class":521},[515,2409,1413],{"class":988},[515,2411,1404],{"class":521},[515,2413,2414,2416,2418],{"class":517,"line":1598},[515,2415,1410],{"class":521},[515,2417,1603],{"class":988},[515,2419,1404],{"class":521},[515,2421,2422,2424,2426,2428,2430,2432,2434,2436],{"class":517,"line":1608},[515,2423,1421],{"class":521},[515,2425,1613],{"class":988},[515,2427,1616],{"class":828},[515,2429,965],{"class":771},[515,2431,1621],{"class":535},[515,2433,1624],{"class":521},[515,2435,1613],{"class":988},[515,2437,1404],{"class":521},[515,2439,2440,2442,2444,2446,2448],{"class":517,"line":1631},[515,2441,1421],{"class":521},[515,2443,1636],{"class":988},[515,2445,1639],{"class":521},[515,2447,1636],{"class":988},[515,2449,1404],{"class":521},[515,2451,2452,2454,2456,2458,2460,2462],{"class":517,"line":1646},[515,2453,1421],{"class":521},[515,2455,1651],{"class":988},[515,2457,1654],{"class":828},[515,2459,965],{"class":771},[515,2461,1659],{"class":535},[515,2463,1404],{"class":521},[515,2465,2466,2468,2470],{"class":517,"line":1664},[515,2467,1474],{"class":521},[515,2469,1095],{"class":528},[515,2471,1443],{"class":521},[515,2473,2474,2476,2478],{"class":517,"line":1673},[515,2475,1676],{"class":521},[515,2477,1651],{"class":988},[515,2479,1404],{"class":521},[515,2481,2482,2484,2486],{"class":517,"line":1683},[515,2483,1591],{"class":521},[515,2485,1603],{"class":988},[515,2487,1404],{"class":521},[515,2489,2490,2492,2494],{"class":517,"line":1692},[515,2491,1695],{"class":521},[515,2493,1393],{"class":988},[515,2495,1404],{"class":521},[515,2497,2498],{"class":517,"line":1702},[515,2499,1705],{"class":521},[515,2501,2502],{"class":517,"line":1708},[515,2503,699],{"class":521},[1636,2505,2506,2507,2510,2511,2514,2515,2518,2519,2522,2523,2526],{},"Import assets using the ",[512,2508,2509],{},"?assets=client"," and ",[512,2512,2513],{},"?assets=ssr"," query parameters. Nitro collects CSS and JS assets from each entry point, and ",[512,2516,2517],{},"merge()"," combines them into a single manifest. The ",[512,2520,2521],{},"assets"," object provides arrays of stylesheet and script attributes, plus the client entry URL. Use ",[512,2524,2525],{},"renderToReadableStream"," to stream HTML as Preact renders, improving time-to-first-byte.",[1772,2528,2530],{"id":2529},"_4-create-the-client-entry","4. Create the Client Entry",[1636,2532,2533],{},"The client entry hydrates the server-rendered HTML, attaching Preact's event handlers:",[505,2535,2536],{"className":906,"code":1039,"filename":1040,"language":909,"meta":5,"style":5},[512,2537,2538,2550,2562,2566,2574,2596,2600,2604],{"__ignoreMap":5},[515,2539,2540,2542,2544,2546,2548],{"class":517,"line":518},[515,2541,772],{"class":771},[515,2543,1049],{"class":521},[515,2545,778],{"class":771},[515,2547,1054],{"class":535},[515,2549,784],{"class":521},[515,2551,2552,2554,2556,2558,2560],{"class":517,"line":525},[515,2553,772],{"class":771},[515,2555,1063],{"class":521},[515,2557,778],{"class":771},[515,2559,1068],{"class":535},[515,2561,784],{"class":521},[515,2563,2564],{"class":517,"line":542},[515,2565,817],{"emptyLinePlaceholder":397},[515,2567,2568,2570,2572],{"class":517,"line":551},[515,2569,1079],{"class":771},[515,2571,1082],{"class":828},[515,2573,942],{"class":521},[515,2575,2576,2578,2580,2582,2584,2586,2588,2590,2592,2594],{"class":517,"line":564},[515,2577,1089],{"class":828},[515,2579,1092],{"class":521},[515,2581,1095],{"class":528},[515,2583,1098],{"class":521},[515,2585,1101],{"class":828},[515,2587,971],{"class":521},[515,2589,1106],{"class":535},[515,2591,1109],{"class":521},[515,2593,1112],{"class":771},[515,2595,977],{"class":521},[515,2597,2598],{"class":517,"line":577},[515,2599,699],{"class":521},[515,2601,2602],{"class":517,"line":588},[515,2603,817],{"emptyLinePlaceholder":397},[515,2605,2606,2608],{"class":517,"line":594},[515,2607,1127],{"class":828},[515,2609,1130],{"class":521},[1636,2611,1916,2612,2615,2616,2619],{},[512,2613,2614],{},"hydrate"," function attaches Preact to the existing server-rendered DOM inside ",[512,2617,2618],{},"#app"," without re-rendering it.",[1772,2621,2623],{"id":2622},"learn-more","Learn More",[2625,2626,2627,2633],"ul",{},[2628,2629,2630],"li",{},[2631,2632,18],"a",{"href":19},[2628,2634,2635],{},[2631,2636,63],{"href":64},[2638,2639,2640],"style",{},"html pre.shiki code .slsVL, html code.shiki .slsVL{--shiki-light:#24292E;--shiki-default:#E1E4E8;--shiki-dark:#E1E4E8}html pre.shiki code .suiK_, html code.shiki .suiK_{--shiki-light:#005CC5;--shiki-default:#79B8FF;--shiki-dark:#79B8FF}html pre.shiki code .sfrk1, html code.shiki .sfrk1{--shiki-light:#032F62;--shiki-default:#9ECBFF;--shiki-dark:#9ECBFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}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 .so5gQ, html code.shiki .so5gQ{--shiki-light:#D73A49;--shiki-default:#F97583;--shiki-dark:#F97583}html pre.shiki code .shcOC, html code.shiki .shcOC{--shiki-light:#6F42C1;--shiki-default:#B392F0;--shiki-dark:#B392F0}html pre.shiki code .sByVh, html code.shiki .sByVh{--shiki-light:#22863A;--shiki-default:#85E89D;--shiki-dark:#85E89D}html pre.shiki code .sQHwn, html code.shiki .sQHwn{--shiki-light:#E36209;--shiki-default:#FFAB70;--shiki-dark:#FFAB70}",{"title":5,"searchDepth":525,"depth":525,"links":2642},[2643,2644,2645,2646,2647,2648],{"id":1774,"depth":525,"text":1775},{"id":1795,"depth":525,"text":1796},{"id":1931,"depth":525,"text":1932},{"id":2034,"depth":525,"text":2035},{"id":2529,"depth":525,"text":2530},{"id":2622,"depth":525,"text":2623},"md",{"automd":397,"category":437,"icon":345},{"icon":345},{"title":342,"description":471},"uIoRZRBT4r7i4Q2psrA0MWa6QOPzrNg12_tRGeqy4DQ",[2655,2656],{"title":337,"path":338,"stem":339,"description":468,"icon":340,"children":-1},{"title":347,"path":348,"stem":349,"description":474,"icon":335,"children":-1},1775753660427]