[{"data":1,"prerenderedAt":1412},["ShallowReactive",2],{"navigation":3,"examples-nav":445,"-examples-renderer":552,"-examples-renderer-surround":1409},[4,123,260,266,430,442],{"title":5,"path":6,"stem":7,"children":8,"icon":122},"","\u002Fdocs","1.docs\u002F1.index",[9,12,17,22,27,32,37,42,47,52,57,62,67,72,77,82,87,92,97,102,107,112,117],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-compass",{"title":13,"path":14,"stem":15,"icon":16},"Quick Start","\u002Fdocs\u002Fquick-start","1.docs\u002F2.quick-start","i-lucide-zap",{"title":18,"path":19,"stem":20,"icon":21},"Renderer","\u002Fdocs\u002Frenderer","1.docs\u002F4.renderer","ri:layout-masonry-line",{"title":23,"path":24,"stem":25,"icon":26},"Routing","\u002Fdocs\u002Frouting","1.docs\u002F5.routing","ri:direction-line",{"title":28,"path":29,"stem":30,"icon":31},"Assets","\u002Fdocs\u002Fassets","1.docs\u002F50.assets","ri:image-2-line",{"title":33,"path":34,"stem":35,"icon":36},"Configuration","\u002Fdocs\u002Fconfiguration","1.docs\u002F50.configuration","ri:settings-3-line",{"title":38,"path":39,"stem":40,"icon":41},"Database","\u002Fdocs\u002Fdatabase","1.docs\u002F50.database","ri:database-2-line",{"title":43,"path":44,"stem":45,"icon":46},"Lifecycle","\u002Fdocs\u002Flifecycle","1.docs\u002F50.lifecycle","i-lucide-layers",{"title":48,"path":49,"stem":50,"icon":51},"OpenAPI","\u002Fdocs\u002Fopenapi","1.docs\u002F50.openapi","ri:contract-line",{"title":53,"path":54,"stem":55,"icon":56},"Plugins","\u002Fdocs\u002Fplugins","1.docs\u002F50.plugins","ri:plug-line",{"title":58,"path":59,"stem":60,"icon":61},"Prerendering","\u002Fdocs\u002Fprerendering","1.docs\u002F50.prerendering","ri:file-copy-2-line",{"title":63,"path":64,"stem":65,"icon":66},"Tasks","\u002Fdocs\u002Ftasks","1.docs\u002F50.tasks","codicon:run-all",{"title":68,"path":69,"stem":70,"icon":71},"WebSocket","\u002Fdocs\u002Fwebsocket","1.docs\u002F50.websocket","ri:broadcast-fill",{"title":73,"path":74,"stem":75,"icon":76},"Modules","\u002Fdocs\u002Fmodules","1.docs\u002F55.modules","i-lucide-puzzle",{"title":78,"path":79,"stem":80,"icon":81},"Server Entry","\u002Fdocs\u002Fserver-entry","1.docs\u002F6.server-entry","ri:server-line",{"title":83,"path":84,"stem":85,"icon":86},"CLI","\u002Fdocs\u002Fcli","1.docs\u002F60.cli","i-lucide-terminal",{"title":88,"path":89,"stem":90,"icon":91},"Vite","\u002Fdocs\u002Fvite","1.docs\u002F61.vite","i-logos-vitejs",{"title":93,"path":94,"stem":95,"icon":96},"Utils","\u002Fdocs\u002Futils","1.docs\u002F62.utils","i-lucide-braces",{"title":98,"path":99,"stem":100,"icon":101},"TypeScript","\u002Fdocs\u002Ftypescript","1.docs\u002F63.typescript","i-logos-typescript-icon",{"title":103,"path":104,"stem":105,"icon":106},"Cache","\u002Fdocs\u002Fcache","1.docs\u002F7.cache","ri:speed-line",{"title":108,"path":109,"stem":110,"icon":111},"KV Storage","\u002Fdocs\u002Fstorage","1.docs\u002F8.storage","carbon:datastore",{"title":113,"path":114,"stem":115,"icon":116},"Migration Guide","\u002Fdocs\u002Fmigration","1.docs\u002F99.migration","ri:arrow-right-up-line",{"title":118,"path":119,"stem":120,"icon":121},"Nightly Channel","\u002Fdocs\u002Fnightly","1.docs\u002F99.nightly","ri:moon-fill","i-lucide-book-open",{"title":124,"path":125,"stem":126,"children":127,"icon":129},"Deploy","\u002Fdeploy","2.deploy\u002F0.index",[128,130,155],{"title":124,"path":125,"stem":126,"icon":129},"ri:upload-cloud-2-line",{"title":131,"path":132,"stem":133,"children":134,"page":154},"Runtimes","\u002Fdeploy\u002Fruntimes","2.deploy\u002F10.runtimes",[135,140,145,150],{"title":136,"path":137,"stem":138,"icon":139},"Node.js","\u002Fdeploy\u002Fruntimes\u002Fnode","2.deploy\u002F10.runtimes\u002F1.node","akar-icons:node-fill",{"title":141,"path":142,"stem":143,"icon":144},"Bun","\u002Fdeploy\u002Fruntimes\u002Fbun","2.deploy\u002F10.runtimes\u002Fbun","simple-icons:bun",{"title":146,"path":147,"stem":148,"icon":149},"Deno","\u002Fdeploy\u002Fruntimes\u002Fdeno","2.deploy\u002F10.runtimes\u002Fdeno","simple-icons:deno",{"title":151,"path":152,"stem":153},"Standard","\u002Fdeploy\u002Fruntimes\u002Fstandard","2.deploy\u002F10.runtimes\u002Fstandard",false,{"title":156,"path":157,"stem":158,"children":159,"page":154},"Providers","\u002Fdeploy\u002Fproviders","2.deploy\u002F20.providers",[160,164,168,172,176,180,184,188,192,196,200,204,208,212,216,220,224,228,232,236,240,244,248,252,256],{"title":161,"path":162,"stem":163},"Alwaysdata","\u002Fdeploy\u002Fproviders\u002Falwaysdata","2.deploy\u002F20.providers\u002Falwaysdata",{"title":165,"path":166,"stem":167},"AWS Lambda","\u002Fdeploy\u002Fproviders\u002Faws","2.deploy\u002F20.providers\u002Faws",{"title":169,"path":170,"stem":171},"AWS Amplify","\u002Fdeploy\u002Fproviders\u002Faws-amplify","2.deploy\u002F20.providers\u002Faws-amplify",{"title":173,"path":174,"stem":175},"Azure","\u002Fdeploy\u002Fproviders\u002Fazure","2.deploy\u002F20.providers\u002Fazure",{"title":177,"path":178,"stem":179},"Cleavr","\u002Fdeploy\u002Fproviders\u002Fcleavr","2.deploy\u002F20.providers\u002Fcleavr",{"title":181,"path":182,"stem":183},"Cloudflare","\u002Fdeploy\u002Fproviders\u002Fcloudflare","2.deploy\u002F20.providers\u002Fcloudflare",{"title":185,"path":186,"stem":187},"Deno Deploy","\u002Fdeploy\u002Fproviders\u002Fdeno-deploy","2.deploy\u002F20.providers\u002Fdeno-deploy",{"title":189,"path":190,"stem":191},"DigitalOcean","\u002Fdeploy\u002Fproviders\u002Fdigitalocean","2.deploy\u002F20.providers\u002Fdigitalocean",{"title":193,"path":194,"stem":195},"EdgeOne Pages","\u002Fdeploy\u002Fproviders\u002Fedgeone","2.deploy\u002F20.providers\u002Fedgeone",{"title":197,"path":198,"stem":199},"Firebase","\u002Fdeploy\u002Fproviders\u002Ffirebase","2.deploy\u002F20.providers\u002Ffirebase",{"title":201,"path":202,"stem":203},"Flightcontrol","\u002Fdeploy\u002Fproviders\u002Fflightcontrol","2.deploy\u002F20.providers\u002Fflightcontrol",{"title":205,"path":206,"stem":207},"Genezio","\u002Fdeploy\u002Fproviders\u002Fgenezio","2.deploy\u002F20.providers\u002Fgenezio",{"title":209,"path":210,"stem":211},"GitHub Pages","\u002Fdeploy\u002Fproviders\u002Fgithub-pages","2.deploy\u002F20.providers\u002Fgithub-pages",{"title":213,"path":214,"stem":215},"GitLab Pages","\u002Fdeploy\u002Fproviders\u002Fgitlab-pages","2.deploy\u002F20.providers\u002Fgitlab-pages",{"title":217,"path":218,"stem":219},"Heroku","\u002Fdeploy\u002Fproviders\u002Fheroku","2.deploy\u002F20.providers\u002Fheroku",{"title":221,"path":222,"stem":223},"IIS","\u002Fdeploy\u002Fproviders\u002Fiis","2.deploy\u002F20.providers\u002Fiis",{"title":225,"path":226,"stem":227},"Koyeb","\u002Fdeploy\u002Fproviders\u002Fkoyeb","2.deploy\u002F20.providers\u002Fkoyeb",{"title":229,"path":230,"stem":231},"Netlify","\u002Fdeploy\u002Fproviders\u002Fnetlify","2.deploy\u002F20.providers\u002Fnetlify",{"title":233,"path":234,"stem":235},"Platform.sh","\u002Fdeploy\u002Fproviders\u002Fplatform-sh","2.deploy\u002F20.providers\u002Fplatform-sh",{"title":237,"path":238,"stem":239},"Render.com","\u002Fdeploy\u002Fproviders\u002Frender","2.deploy\u002F20.providers\u002Frender",{"title":241,"path":242,"stem":243},"Stormkit","\u002Fdeploy\u002Fproviders\u002Fstormkit","2.deploy\u002F20.providers\u002Fstormkit",{"title":245,"path":246,"stem":247},"Vercel","\u002Fdeploy\u002Fproviders\u002Fvercel","2.deploy\u002F20.providers\u002Fvercel",{"title":249,"path":250,"stem":251},"Zeabur","\u002Fdeploy\u002Fproviders\u002Fzeabur","2.deploy\u002F20.providers\u002Fzeabur",{"title":253,"path":254,"stem":255},"Zephyr Cloud","\u002Fdeploy\u002Fproviders\u002Fzephyr","2.deploy\u002F20.providers\u002Fzephyr",{"title":257,"path":258,"stem":259},"Zerops","\u002Fdeploy\u002Fproviders\u002Fzerops","2.deploy\u002F20.providers\u002Fzerops",{"title":261,"path":262,"stem":263,"children":264,"icon":36},"Config","\u002Fconfig","3.config\u002F0.index",[265],{"title":261,"path":262,"stem":263,"icon":36},{"title":267,"path":268,"stem":269,"children":270,"icon":272},"Examples","\u002Fexamples","4.examples\u002F0.index",[271,273,278,283,288,293,297,302,307,312,317,322,327,331,336,340,344,349,354,359,364,369,374,379,383,388,393,398,402,407,412,416,421,426],{"title":267,"path":268,"stem":269,"icon":272},"i-lucide-folder-code",{"title":274,"path":275,"stem":276,"icon":277},"API Routes","\u002Fexamples\u002Fapi-routes","4.examples\u002Fapi-routes","i-lucide-route",{"title":279,"path":280,"stem":281,"icon":282},"Auto Imports","\u002Fexamples\u002Fauto-imports","4.examples\u002Fauto-imports","i-lucide-import",{"title":284,"path":285,"stem":286,"icon":287},"Cached Handler","\u002Fexamples\u002Fcached-handler","4.examples\u002Fcached-handler","i-lucide-clock",{"title":289,"path":290,"stem":291,"icon":292},"Custom Error Handler","\u002Fexamples\u002Fcustom-error-handler","4.examples\u002Fcustom-error-handler","i-lucide-alert-circle",{"title":38,"path":294,"stem":295,"icon":296},"\u002Fexamples\u002Fdatabase","4.examples\u002Fdatabase","i-lucide-database",{"title":298,"path":299,"stem":300,"icon":301},"Elysia","\u002Fexamples\u002Felysia","4.examples\u002Felysia","i-skill-icons-elysia-dark",{"title":303,"path":304,"stem":305,"icon":306},"Express","\u002Fexamples\u002Fexpress","4.examples\u002Fexpress","i-simple-icons-express",{"title":308,"path":309,"stem":310,"icon":311},"Fastify","\u002Fexamples\u002Ffastify","4.examples\u002Ffastify","i-simple-icons-fastify",{"title":313,"path":314,"stem":315,"icon":316},"Hello World","\u002Fexamples\u002Fhello-world","4.examples\u002Fhello-world","i-lucide-sparkles",{"title":318,"path":319,"stem":320,"icon":321},"Hono","\u002Fexamples\u002Fhono","4.examples\u002Fhono","i-logos-hono",{"title":323,"path":324,"stem":325,"icon":326},"Import Alias","\u002Fexamples\u002Fimport-alias","4.examples\u002Fimport-alias","i-lucide-at-sign",{"title":328,"path":329,"stem":330,"icon":46},"Middleware","\u002Fexamples\u002Fmiddleware","4.examples\u002Fmiddleware",{"title":332,"path":333,"stem":334,"icon":335},"Mono JSX","\u002Fexamples\u002Fmono-jsx","4.examples\u002Fmono-jsx","i-lucide-brackets",{"title":337,"path":338,"stem":339,"icon":335},"Nano JSX","\u002Fexamples\u002Fnano-jsx","4.examples\u002Fnano-jsx",{"title":53,"path":341,"stem":342,"icon":343},"\u002Fexamples\u002Fplugins","4.examples\u002Fplugins","i-lucide-plug",{"title":345,"path":346,"stem":347,"icon":348},"Custom Renderer","\u002Fexamples\u002Frenderer","4.examples\u002Frenderer","i-lucide-code",{"title":350,"path":351,"stem":352,"icon":353},"Runtime Config","\u002Fexamples\u002Fruntime-config","4.examples\u002Fruntime-config","i-lucide-settings",{"title":355,"path":356,"stem":357,"icon":358},"Server Fetch","\u002Fexamples\u002Fserver-fetch","4.examples\u002Fserver-fetch","i-lucide-arrow-right-left",{"title":360,"path":361,"stem":362,"icon":363},"Shiki","\u002Fexamples\u002Fshiki","4.examples\u002Fshiki","i-lucide-highlighter",{"title":365,"path":366,"stem":367,"icon":368},"Takumi","\u002Fexamples\u002Ftakumi","4.examples\u002Ftakumi","i-lucide-image",{"title":370,"path":371,"stem":372,"icon":373},"Tracing","\u002Fexamples\u002Ftracing","4.examples\u002Ftracing","i-lucide-activity",{"title":375,"path":376,"stem":377,"icon":378},"Virtual Routes","\u002Fexamples\u002Fvirtual-routes","4.examples\u002Fvirtual-routes","i-lucide-box",{"title":380,"path":381,"stem":382,"icon":91},"Vite Nitro Plugin","\u002Fexamples\u002Fvite-nitro-plugin","4.examples\u002Fvite-nitro-plugin",{"title":384,"path":385,"stem":386,"icon":387},"Vite RSC","\u002Fexamples\u002Fvite-rsc","4.examples\u002Fvite-rsc","i-logos-react",{"title":389,"path":390,"stem":391,"icon":392},"Vite SSR HTML","\u002Fexamples\u002Fvite-ssr-html","4.examples\u002Fvite-ssr-html","i-logos-html-5",{"title":394,"path":395,"stem":396,"icon":397},"SSR with Preact","\u002Fexamples\u002Fvite-ssr-preact","4.examples\u002Fvite-ssr-preact","i-logos-preact",{"title":399,"path":400,"stem":401,"icon":387},"SSR with React","\u002Fexamples\u002Fvite-ssr-react","4.examples\u002Fvite-ssr-react",{"title":403,"path":404,"stem":405,"icon":406},"SSR with SolidJS","\u002Fexamples\u002Fvite-ssr-solid","4.examples\u002Fvite-ssr-solid","i-logos-solidjs-icon",{"title":408,"path":409,"stem":410,"icon":411},"SSR with TanStack Router","\u002Fexamples\u002Fvite-ssr-tsr-react","4.examples\u002Fvite-ssr-tsr-react","i-simple-icons-tanstack",{"title":413,"path":414,"stem":415,"icon":411},"SSR with TanStack Start","\u002Fexamples\u002Fvite-ssr-tss-react","4.examples\u002Fvite-ssr-tss-react",{"title":417,"path":418,"stem":419,"icon":420},"SSR with Vue Router","\u002Fexamples\u002Fvite-ssr-vue-router","4.examples\u002Fvite-ssr-vue-router","i-logos-vue",{"title":422,"path":423,"stem":424,"icon":425},"Vite + tRPC","\u002Fexamples\u002Fvite-trpc","4.examples\u002Fvite-trpc","i-simple-icons-trpc",{"title":68,"path":427,"stem":428,"icon":429},"\u002Fexamples\u002Fwebsocket","4.examples\u002Fwebsocket","i-lucide-radio",{"title":431,"path":432,"stem":433,"children":434},"Blog","\u002Fblog","9.blog",[435,438],{"title":431,"path":432,"stem":436,"icon":437},"9.blog\u002Findex","i-lucide-file-text",{"title":439,"path":440,"stem":441,"icon":437},"Nitro v3 Beta is here!","\u002Fblog\u002Fv3-beta","9.blog\u002F1.v3-beta",{"title":5,"path":443,"stem":444},"\u002F","index",[446,451,455,458,461,464,468,471,474,477,480,483,486,490,493,496,499,502,505,509,512,515,518,522,525,528,531,534,537,540,543,546,549],{"title":274,"description":447,"meta":448,"path":275},"File-based API routing with HTTP method support and dynamic parameters.",{"automd":449,"category":450,"icon":277},true,"features",{"title":279,"description":452,"meta":453,"path":280},"Automatic imports for utilities and composables.",{"automd":449,"category":454,"icon":282},"config",{"title":284,"description":456,"meta":457,"path":285},"Cache route responses with configurable bypass logic.",{"automd":449,"category":450,"icon":287},{"title":289,"description":459,"meta":460,"path":290},"Customize error responses with a global error handler.",{"automd":449,"category":450,"icon":292},{"title":38,"description":462,"meta":463,"path":294},"Built-in database support with SQL template literals.",{"automd":449,"category":450,"icon":296},{"title":298,"description":465,"meta":466,"path":299},"Integrate Elysia with Nitro using the server entry.",{"automd":449,"category":467,"icon":301},"backend frameworks",{"title":303,"description":469,"meta":470,"path":304},"Integrate Express with Nitro using the server entry.",{"automd":449,"category":467,"icon":306},{"title":308,"description":472,"meta":473,"path":309},"Integrate Fastify with Nitro using the server entry.",{"automd":449,"category":467,"icon":311},{"title":313,"description":475,"meta":476,"path":314},"Minimal Nitro server using the web standard fetch handler.",{"automd":449,"category":450,"icon":316},{"title":318,"description":478,"meta":479,"path":319},"Integrate Hono with Nitro using the server entry.",{"automd":449,"category":467,"icon":321},{"title":323,"description":481,"meta":482,"path":324},"Custom import aliases for cleaner module paths.",{"automd":449,"category":454,"icon":326},{"title":328,"description":484,"meta":485,"path":329},"Request middleware for authentication, logging, and request modification.",{"automd":449,"category":450,"icon":46},{"title":332,"description":487,"meta":488,"path":333},"Server-side JSX rendering in Nitro with mono-jsx.",{"automd":449,"category":489,"icon":335},"server side rendering",{"title":337,"description":491,"meta":492,"path":338},"Server-side JSX rendering in Nitro with nano-jsx.",{"automd":449,"category":489,"icon":335},{"title":53,"description":494,"meta":495,"path":341},"Extend Nitro with custom plugins for hooks and lifecycle events.",{"automd":449,"category":450,"icon":343},{"title":345,"description":497,"meta":498,"path":346},"Build a custom HTML renderer in Nitro with server-side data fetching.",{"automd":449,"category":489,"icon":348},{"title":350,"description":500,"meta":501,"path":351},"Environment-aware configuration with runtime access.",{"automd":449,"category":454,"icon":353},{"title":355,"description":503,"meta":504,"path":356},"Internal server-to-server requests without network overhead.",{"automd":449,"category":450,"icon":358},{"title":360,"description":506,"meta":507,"path":361},"Server-side syntax highlighting in Nitro with Shiki.",{"automd":449,"category":508,"icon":363},"integrations",{"title":365,"description":510,"meta":511,"path":366},"Generate dynamic Open Graph images from a Nitro route using Takumi.",{"automd":449,"category":508,"icon":368},{"title":370,"description":513,"meta":514,"path":371},"Instrument the request lifecycle with diagnostics channels and the built-in tracing logger.",{"automd":449,"category":450,"icon":373},{"title":375,"description":516,"meta":517,"path":376},"Define routes programmatically using Nitro's virtual module system.",{"automd":449,"category":450,"icon":378},{"title":380,"description":519,"meta":520,"path":381},"Use Nitro as a Vite plugin for programmatic configuration.",{"automd":449,"category":521,"icon":91},"vite",{"title":384,"description":523,"meta":524,"path":385},"React Server Components with Vite and Nitro.",{"automd":449,"category":521,"icon":387},{"title":389,"description":526,"meta":527,"path":390},"Server-side rendering with vanilla HTML, Vite, and Nitro.",{"automd":449,"category":489,"icon":392},{"title":394,"description":529,"meta":530,"path":395},"Server-side rendering with Preact in Nitro using Vite.",{"automd":449,"category":489,"icon":397},{"title":399,"description":532,"meta":533,"path":400},"Server-side rendering with React in Nitro using Vite.",{"automd":449,"category":489,"icon":387},{"title":403,"description":535,"meta":536,"path":404},"Server-side rendering with SolidJS in Nitro using Vite.",{"automd":449,"category":489,"icon":406},{"title":408,"description":538,"meta":539,"path":409},"Client-side routing with TanStack Router in Nitro using Vite.",{"automd":449,"category":489,"icon":411},{"title":413,"description":541,"meta":542,"path":414},"Full-stack React with TanStack Start in Nitro using Vite.",{"automd":449,"category":489,"icon":411},{"title":417,"description":544,"meta":545,"path":418},"Server-side rendering with Vue Router in Nitro using Vite.",{"automd":449,"category":489,"icon":420},{"title":422,"description":547,"meta":548,"path":423},"End-to-end typesafe APIs with tRPC in Nitro using Vite.",{"automd":449,"category":521,"icon":425},{"title":68,"description":550,"meta":551,"path":427},"Real-time bidirectional communication with WebSocket support.",{"automd":449,"category":450,"icon":429},{"id":553,"title":345,"body":554,"description":497,"extension":1404,"meta":1405,"navigation":1406,"path":346,"seo":1407,"stem":347,"__hash__":1408},"content\u002F4.examples\u002Frenderer.md",{"type":555,"value":556,"toc":1399,"icon":348},"minimark",[557,1110,1118,1122,1304,1322,1331,1335,1371,1382,1386,1395],[558,559,562,647,740,989,1013,1067],"code-tree",{":expand-all":560,"default-value":561},"true","renderer.ts",[563,564,569],"pre",{"className":565,"code":566,"filename":567,"language":568,"meta":5,"style":5},"language-ts shiki shiki-themes github-light github-dark github-dark","import { defineConfig } from \"nitro\";\n\nexport default defineConfig({\n  serverDir: \".\u002F\",\n  renderer: { handler: \".\u002Frenderer\" },\n});\n","nitro.config.ts","ts",[570,571,572,595,601,617,629,641],"code",{"__ignoreMap":5},[573,574,577,581,585,588,592],"span",{"class":575,"line":576},"line",1,[573,578,580],{"class":579},"so5gQ","import",[573,582,584],{"class":583},"slsVL"," { defineConfig } ",[573,586,587],{"class":579},"from",[573,589,591],{"class":590},"sfrk1"," \"nitro\"",[573,593,594],{"class":583},";\n",[573,596,598],{"class":575,"line":597},2,[573,599,600],{"emptyLinePlaceholder":449},"\n",[573,602,604,607,610,614],{"class":575,"line":603},3,[573,605,606],{"class":579},"export",[573,608,609],{"class":579}," default",[573,611,613],{"class":612},"shcOC"," defineConfig",[573,615,616],{"class":583},"({\n",[573,618,620,623,626],{"class":575,"line":619},4,[573,621,622],{"class":583},"  serverDir: ",[573,624,625],{"class":590},"\".\u002F\"",[573,627,628],{"class":583},",\n",[573,630,632,635,638],{"class":575,"line":631},5,[573,633,634],{"class":583},"  renderer: { handler: ",[573,636,637],{"class":590},"\".\u002Frenderer\"",[573,639,640],{"class":583}," },\n",[573,642,644],{"class":575,"line":643},6,[573,645,646],{"class":583},"});\n",[563,648,653],{"className":649,"code":650,"filename":651,"language":652,"meta":5,"style":5},"language-json shiki shiki-themes github-light github-dark github-dark","{\n  \"type\": \"module\",\n  \"scripts\": {\n    \"dev\": \"nitro dev\",\n    \"build\": \"nitro build\"\n  },\n  \"devDependencies\": {\n    \"nitro\": \"latest\"\n  }\n}\n","package.json","json",[570,654,655,660,674,682,694,704,709,717,728,734],{"__ignoreMap":5},[573,656,657],{"class":575,"line":576},[573,658,659],{"class":583},"{\n",[573,661,662,666,669,672],{"class":575,"line":597},[573,663,665],{"class":664},"suiK_","  \"type\"",[573,667,668],{"class":583},": ",[573,670,671],{"class":590},"\"module\"",[573,673,628],{"class":583},[573,675,676,679],{"class":575,"line":603},[573,677,678],{"class":664},"  \"scripts\"",[573,680,681],{"class":583},": {\n",[573,683,684,687,689,692],{"class":575,"line":619},[573,685,686],{"class":664},"    \"dev\"",[573,688,668],{"class":583},[573,690,691],{"class":590},"\"nitro dev\"",[573,693,628],{"class":583},[573,695,696,699,701],{"class":575,"line":631},[573,697,698],{"class":664},"    \"build\"",[573,700,668],{"class":583},[573,702,703],{"class":590},"\"nitro build\"\n",[573,705,706],{"class":575,"line":643},[573,707,708],{"class":583},"  },\n",[573,710,712,715],{"class":575,"line":711},7,[573,713,714],{"class":664},"  \"devDependencies\"",[573,716,681],{"class":583},[573,718,720,723,725],{"class":575,"line":719},8,[573,721,722],{"class":664},"    \"nitro\"",[573,724,668],{"class":583},[573,726,727],{"class":590},"\"latest\"\n",[573,729,731],{"class":575,"line":730},9,[573,732,733],{"class":583},"  }\n",[573,735,737],{"class":575,"line":736},10,[573,738,739],{"class":583},"}\n",[563,741,743],{"className":565,"code":742,"filename":561,"language":568,"meta":5,"style":5},"import { fetch } from \"nitro\";\n\nexport default async function renderer({ url }: { req: Request; url: URL }) {\n  const apiRes = await fetch(\"\u002Fapi\u002Fhello\").then((res) => res.text());\n  return new Response(\n    \u002F* html *\u002F `\u003C!DOCTYPE html>\n    \u003Chtml>\n    \u003Chead>\n      \u003Ctitle>Custom Renderer\u003C\u002Ftitle>\n    \u003C\u002Fhead>\n    \u003Cbody>\n      \u003Ch1>Hello from custom renderer!\u003C\u002Fh1>\n      \u003Cp>Current path: ${url.pathname}\u003C\u002Fp>\n      \u003Cp>API says: ${apiRes}\u003C\u002Fp>\n    \u003C\u002Fbody>\n    \u003C\u002Fhtml>`,\n    { headers: { \"content-type\": \"text\u002Fhtml; charset=utf-8\" } }\n  );\n}\n",[570,744,745,758,762,814,864,878,887,892,897,902,907,913,919,936,947,953,961,978,984],{"__ignoreMap":5},[573,746,747,749,752,754,756],{"class":575,"line":576},[573,748,580],{"class":579},[573,750,751],{"class":583}," { fetch } ",[573,753,587],{"class":579},[573,755,591],{"class":590},[573,757,594],{"class":583},[573,759,760],{"class":575,"line":597},[573,761,600],{"emptyLinePlaceholder":449},[573,763,764,766,768,771,774,777,780,784,787,790,793,796,798,801,804,806,808,811],{"class":575,"line":603},[573,765,606],{"class":579},[573,767,609],{"class":579},[573,769,770],{"class":579}," async",[573,772,773],{"class":579}," function",[573,775,776],{"class":612}," renderer",[573,778,779],{"class":583},"({ ",[573,781,783],{"class":782},"sQHwn","url",[573,785,786],{"class":583}," }",[573,788,789],{"class":579},":",[573,791,792],{"class":583}," { ",[573,794,795],{"class":782},"req",[573,797,789],{"class":579},[573,799,800],{"class":612}," Request",[573,802,803],{"class":583},"; ",[573,805,783],{"class":782},[573,807,789],{"class":579},[573,809,810],{"class":612}," URL",[573,812,813],{"class":583}," }) {\n",[573,815,816,819,822,825,828,831,834,837,840,843,846,849,852,855,858,861],{"class":575,"line":619},[573,817,818],{"class":579},"  const",[573,820,821],{"class":664}," apiRes",[573,823,824],{"class":579}," =",[573,826,827],{"class":579}," await",[573,829,830],{"class":612}," fetch",[573,832,833],{"class":583},"(",[573,835,836],{"class":590},"\"\u002Fapi\u002Fhello\"",[573,838,839],{"class":583},").",[573,841,842],{"class":612},"then",[573,844,845],{"class":583},"((",[573,847,848],{"class":782},"res",[573,850,851],{"class":583},") ",[573,853,854],{"class":579},"=>",[573,856,857],{"class":583}," res.",[573,859,860],{"class":612},"text",[573,862,863],{"class":583},"());\n",[573,865,866,869,872,875],{"class":575,"line":631},[573,867,868],{"class":579},"  return",[573,870,871],{"class":579}," new",[573,873,874],{"class":612}," Response",[573,876,877],{"class":583},"(\n",[573,879,880,884],{"class":575,"line":643},[573,881,883],{"class":882},"sCsY4","    \u002F* html *\u002F",[573,885,886],{"class":590}," `\u003C!DOCTYPE html>\n",[573,888,889],{"class":575,"line":711},[573,890,891],{"class":590},"    \u003Chtml>\n",[573,893,894],{"class":575,"line":719},[573,895,896],{"class":590},"    \u003Chead>\n",[573,898,899],{"class":575,"line":730},[573,900,901],{"class":590},"      \u003Ctitle>Custom Renderer\u003C\u002Ftitle>\n",[573,903,904],{"class":575,"line":736},[573,905,906],{"class":590},"    \u003C\u002Fhead>\n",[573,908,910],{"class":575,"line":909},11,[573,911,912],{"class":590},"    \u003Cbody>\n",[573,914,916],{"class":575,"line":915},12,[573,917,918],{"class":590},"      \u003Ch1>Hello from custom renderer!\u003C\u002Fh1>\n",[573,920,922,925,927,930,933],{"class":575,"line":921},13,[573,923,924],{"class":590},"      \u003Cp>Current path: ${",[573,926,783],{"class":583},[573,928,929],{"class":590},".",[573,931,932],{"class":583},"pathname",[573,934,935],{"class":590},"}\u003C\u002Fp>\n",[573,937,939,942,945],{"class":575,"line":938},14,[573,940,941],{"class":590},"      \u003Cp>API says: ${",[573,943,944],{"class":583},"apiRes",[573,946,935],{"class":590},[573,948,950],{"class":575,"line":949},15,[573,951,952],{"class":590},"    \u003C\u002Fbody>\n",[573,954,956,959],{"class":575,"line":955},16,[573,957,958],{"class":590},"    \u003C\u002Fhtml>`",[573,960,628],{"class":583},[573,962,964,967,970,972,975],{"class":575,"line":963},17,[573,965,966],{"class":583},"    { headers: { ",[573,968,969],{"class":590},"\"content-type\"",[573,971,668],{"class":583},[573,973,974],{"class":590},"\"text\u002Fhtml; charset=utf-8\"",[573,976,977],{"class":583}," } }\n",[573,979,981],{"class":575,"line":980},18,[573,982,983],{"class":583},"  );\n",[573,985,987],{"class":575,"line":986},19,[573,988,739],{"class":583},[563,990,993],{"className":649,"code":991,"filename":992,"language":652,"meta":5,"style":5},"{\n  \"extends\": \"nitro\u002Ftsconfig\"\n}\n","tsconfig.json",[570,994,995,999,1009],{"__ignoreMap":5},[573,996,997],{"class":575,"line":576},[573,998,659],{"class":583},[573,1000,1001,1004,1006],{"class":575,"line":597},[573,1002,1003],{"class":664},"  \"extends\"",[573,1005,668],{"class":583},[573,1007,1008],{"class":590},"\"nitro\u002Ftsconfig\"\n",[573,1010,1011],{"class":575,"line":603},[573,1012,739],{"class":583},[563,1014,1017],{"className":565,"code":1015,"filename":1016,"language":568,"meta":5,"style":5},"import { defineConfig } from \"vite\";\nimport { nitro } from \"nitro\u002Fvite\";\n\nexport default defineConfig({ plugins: [nitro()] });\n","vite.config.ts",[570,1018,1019,1032,1046,1050],{"__ignoreMap":5},[573,1020,1021,1023,1025,1027,1030],{"class":575,"line":576},[573,1022,580],{"class":579},[573,1024,584],{"class":583},[573,1026,587],{"class":579},[573,1028,1029],{"class":590}," \"vite\"",[573,1031,594],{"class":583},[573,1033,1034,1036,1039,1041,1044],{"class":575,"line":597},[573,1035,580],{"class":579},[573,1037,1038],{"class":583}," { nitro } ",[573,1040,587],{"class":579},[573,1042,1043],{"class":590}," \"nitro\u002Fvite\"",[573,1045,594],{"class":583},[573,1047,1048],{"class":575,"line":603},[573,1049,600],{"emptyLinePlaceholder":449},[573,1051,1052,1054,1056,1058,1061,1064],{"class":575,"line":619},[573,1053,606],{"class":579},[573,1055,609],{"class":579},[573,1057,613],{"class":612},[573,1059,1060],{"class":583},"({ plugins: [",[573,1062,1063],{"class":612},"nitro",[573,1065,1066],{"class":583},"()] });\n",[563,1068,1071],{"className":565,"code":1069,"filename":1070,"language":568,"meta":5,"style":5},"import { defineHandler } from \"nitro\";\n\nexport default defineHandler(() => \"Nitro is amazing!\");\n","api\u002Fhello.ts",[570,1072,1073,1086,1090],{"__ignoreMap":5},[573,1074,1075,1077,1080,1082,1084],{"class":575,"line":576},[573,1076,580],{"class":579},[573,1078,1079],{"class":583}," { defineHandler } ",[573,1081,587],{"class":579},[573,1083,591],{"class":590},[573,1085,594],{"class":583},[573,1087,1088],{"class":575,"line":597},[573,1089,600],{"emptyLinePlaceholder":449},[573,1091,1092,1094,1096,1099,1102,1104,1107],{"class":575,"line":603},[573,1093,606],{"class":579},[573,1095,609],{"class":579},[573,1097,1098],{"class":612}," defineHandler",[573,1100,1101],{"class":583},"(() ",[573,1103,854],{"class":579},[573,1105,1106],{"class":590}," \"Nitro is amazing!\"",[573,1108,1109],{"class":583},");\n",[1111,1112,1113,1114,1117],"p",{},"Create a custom renderer that generates HTML responses with data from API routes. Use Nitro's internal ",[570,1115,1116],{},"fetch"," to call routes without network overhead.",[1119,1120,18],"h2",{"id":1121},"renderer",[563,1123,1124],{"className":565,"code":742,"filename":561,"language":568,"meta":5,"style":5},[570,1125,1126,1138,1142,1180,1214,1224,1230,1234,1238,1242,1246,1250,1254,1266,1274,1278,1284,1296,1300],{"__ignoreMap":5},[573,1127,1128,1130,1132,1134,1136],{"class":575,"line":576},[573,1129,580],{"class":579},[573,1131,751],{"class":583},[573,1133,587],{"class":579},[573,1135,591],{"class":590},[573,1137,594],{"class":583},[573,1139,1140],{"class":575,"line":597},[573,1141,600],{"emptyLinePlaceholder":449},[573,1143,1144,1146,1148,1150,1152,1154,1156,1158,1160,1162,1164,1166,1168,1170,1172,1174,1176,1178],{"class":575,"line":603},[573,1145,606],{"class":579},[573,1147,609],{"class":579},[573,1149,770],{"class":579},[573,1151,773],{"class":579},[573,1153,776],{"class":612},[573,1155,779],{"class":583},[573,1157,783],{"class":782},[573,1159,786],{"class":583},[573,1161,789],{"class":579},[573,1163,792],{"class":583},[573,1165,795],{"class":782},[573,1167,789],{"class":579},[573,1169,800],{"class":612},[573,1171,803],{"class":583},[573,1173,783],{"class":782},[573,1175,789],{"class":579},[573,1177,810],{"class":612},[573,1179,813],{"class":583},[573,1181,1182,1184,1186,1188,1190,1192,1194,1196,1198,1200,1202,1204,1206,1208,1210,1212],{"class":575,"line":619},[573,1183,818],{"class":579},[573,1185,821],{"class":664},[573,1187,824],{"class":579},[573,1189,827],{"class":579},[573,1191,830],{"class":612},[573,1193,833],{"class":583},[573,1195,836],{"class":590},[573,1197,839],{"class":583},[573,1199,842],{"class":612},[573,1201,845],{"class":583},[573,1203,848],{"class":782},[573,1205,851],{"class":583},[573,1207,854],{"class":579},[573,1209,857],{"class":583},[573,1211,860],{"class":612},[573,1213,863],{"class":583},[573,1215,1216,1218,1220,1222],{"class":575,"line":631},[573,1217,868],{"class":579},[573,1219,871],{"class":579},[573,1221,874],{"class":612},[573,1223,877],{"class":583},[573,1225,1226,1228],{"class":575,"line":643},[573,1227,883],{"class":882},[573,1229,886],{"class":590},[573,1231,1232],{"class":575,"line":711},[573,1233,891],{"class":590},[573,1235,1236],{"class":575,"line":719},[573,1237,896],{"class":590},[573,1239,1240],{"class":575,"line":730},[573,1241,901],{"class":590},[573,1243,1244],{"class":575,"line":736},[573,1245,906],{"class":590},[573,1247,1248],{"class":575,"line":909},[573,1249,912],{"class":590},[573,1251,1252],{"class":575,"line":915},[573,1253,918],{"class":590},[573,1255,1256,1258,1260,1262,1264],{"class":575,"line":921},[573,1257,924],{"class":590},[573,1259,783],{"class":583},[573,1261,929],{"class":590},[573,1263,932],{"class":583},[573,1265,935],{"class":590},[573,1267,1268,1270,1272],{"class":575,"line":938},[573,1269,941],{"class":590},[573,1271,944],{"class":583},[573,1273,935],{"class":590},[573,1275,1276],{"class":575,"line":949},[573,1277,952],{"class":590},[573,1279,1280,1282],{"class":575,"line":955},[573,1281,958],{"class":590},[573,1283,628],{"class":583},[573,1285,1286,1288,1290,1292,1294],{"class":575,"line":963},[573,1287,966],{"class":583},[573,1289,969],{"class":590},[573,1291,668],{"class":583},[573,1293,974],{"class":590},[573,1295,977],{"class":583},[573,1297,1298],{"class":575,"line":980},[573,1299,983],{"class":583},[573,1301,1302],{"class":575,"line":986},[573,1303,739],{"class":583},[1111,1305,1306,1307,1310,1311,1313,1314,1317,1318,1321],{},"Configure the renderer with ",[570,1308,1309],{},"renderer: { handler: \".\u002Frenderer\" }"," in ",[570,1312,567],{},", and Nitro uses it for all non-API routes. The renderer function receives the request URL and returns a ",[570,1315,1316],{},"Response",". (Alternatively, if an ",[570,1319,1320],{},"index.html"," exists in your project root, Nitro auto-detects it as a renderer template.)",[1111,1323,1324,1325,1327,1328,1330],{},"Use ",[570,1326,1116],{}," from ",[570,1329,1063],{}," to call API routes without network overhead—these requests stay in-process.",[1119,1332,1334],{"id":1333},"api-route","API Route",[563,1336,1337],{"className":565,"code":1069,"filename":1070,"language":568,"meta":5,"style":5},[570,1338,1339,1351,1355],{"__ignoreMap":5},[573,1340,1341,1343,1345,1347,1349],{"class":575,"line":576},[573,1342,580],{"class":579},[573,1344,1079],{"class":583},[573,1346,587],{"class":579},[573,1348,591],{"class":590},[573,1350,594],{"class":583},[573,1352,1353],{"class":575,"line":597},[573,1354,600],{"emptyLinePlaceholder":449},[573,1356,1357,1359,1361,1363,1365,1367,1369],{"class":575,"line":603},[573,1358,606],{"class":579},[573,1360,609],{"class":579},[573,1362,1098],{"class":612},[573,1364,1101],{"class":583},[573,1366,854],{"class":579},[573,1368,1106],{"class":590},[573,1370,1109],{"class":583},[1111,1372,1373,1374,1377,1378,1381],{},"Define API routes in the ",[570,1375,1376],{},"api\u002F"," directory. When the renderer calls ",[570,1379,1380],{},"fetch(\"\u002Fapi\u002Fhello\")",", this handler runs and returns its response.",[1119,1383,1385],{"id":1384},"learn-more","Learn More",[1387,1388,1389],"ul",{},[1390,1391,1392],"li",{},[1393,1394,18],"a",{"href":19},[1396,1397,1398],"style",{},"html pre.shiki code .so5gQ, html code.shiki .so5gQ{--shiki-light:#D73A49;--shiki-default:#F97583;--shiki-dark:#F97583}html pre.shiki code .slsVL, html code.shiki .slsVL{--shiki-light:#24292E;--shiki-default:#E1E4E8;--shiki-dark:#E1E4E8}html pre.shiki code .sfrk1, html code.shiki .sfrk1{--shiki-light:#032F62;--shiki-default:#9ECBFF;--shiki-dark:#9ECBFF}html pre.shiki code .shcOC, html code.shiki .shcOC{--shiki-light:#6F42C1;--shiki-default:#B392F0;--shiki-dark:#B392F0}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 .suiK_, html code.shiki .suiK_{--shiki-light:#005CC5;--shiki-default:#79B8FF;--shiki-dark:#79B8FF}html pre.shiki code .sQHwn, html code.shiki .sQHwn{--shiki-light:#E36209;--shiki-default:#FFAB70;--shiki-dark:#FFAB70}html pre.shiki code .sCsY4, html code.shiki .sCsY4{--shiki-light:#6A737D;--shiki-default:#6A737D;--shiki-dark:#6A737D}",{"title":5,"searchDepth":597,"depth":597,"links":1400},[1401,1402,1403],{"id":1121,"depth":597,"text":18},{"id":1333,"depth":597,"text":1334},{"id":1384,"depth":597,"text":1385},"md",{"automd":449,"category":489,"icon":348},{"icon":348},{"title":345,"description":497},"Zm9ms1VkKn7WHofzZkREP65drKpjv-vz_iPjqCDBca8",[1410,1411],{"title":53,"path":341,"stem":342,"description":494,"icon":343,"children":-1},{"title":350,"path":351,"stem":352,"description":500,"icon":353,"children":-1},1784019077806]