[{"data":1,"prerenderedAt":2946},["ShallowReactive",2],{"navigation":3,"examples-nav":445,"-examples-vite-ssr-solid":552,"-examples-vite-ssr-solid-surround":2943},[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":403,"body":554,"description":535,"extension":2938,"meta":2939,"navigation":2940,"path":404,"seo":2941,"stem":405,"__hash__":2942},"content\u002F4.examples\u002Fvite-ssr-solid.md",{"type":555,"value":556,"toc":2930,"icon":406},"minimark",[557,1993,2001,2006,2023,2027,2038,2164,2176,2180,2183,2323,2334,2338,2347,2797,2814,2818,2821,2887,2901,2905,2926],[558,559,562,706,765,933,1117,1199,1758],"code-tree",{":expand-all":560,"default-value":561},"true","src\u002Fentry-server.tsx",[563,564,569],"pre",{"className":565,"code":566,"filename":567,"language":568,"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    \"dev\": \"vite dev\"\n  },\n  \"devDependencies\": {\n    \"nitro\": \"latest\",\n    \"solid-js\": \"^1.9.12\",\n    \"vite\": \"latest\",\n    \"vite-plugin-solid\": \"^2.11.11\"\n  }\n}\n","package.json","json",[570,571,572,581,598,607,620,631,637,645,658,671,683,694,700],"code",{"__ignoreMap":5},[573,574,577],"span",{"class":575,"line":576},"line",1,[573,578,580],{"class":579},"slsVL","{\n",[573,582,584,588,591,595],{"class":575,"line":583},2,[573,585,587],{"class":586},"suiK_","  \"type\"",[573,589,590],{"class":579},": ",[573,592,594],{"class":593},"sfrk1","\"module\"",[573,596,597],{"class":579},",\n",[573,599,601,604],{"class":575,"line":600},3,[573,602,603],{"class":586},"  \"scripts\"",[573,605,606],{"class":579},": {\n",[573,608,610,613,615,618],{"class":575,"line":609},4,[573,611,612],{"class":586},"    \"build\"",[573,614,590],{"class":579},[573,616,617],{"class":593},"\"vite build\"",[573,619,597],{"class":579},[573,621,623,626,628],{"class":575,"line":622},5,[573,624,625],{"class":586},"    \"dev\"",[573,627,590],{"class":579},[573,629,630],{"class":593},"\"vite dev\"\n",[573,632,634],{"class":575,"line":633},6,[573,635,636],{"class":579},"  },\n",[573,638,640,643],{"class":575,"line":639},7,[573,641,642],{"class":586},"  \"devDependencies\"",[573,644,606],{"class":579},[573,646,648,651,653,656],{"class":575,"line":647},8,[573,649,650],{"class":586},"    \"nitro\"",[573,652,590],{"class":579},[573,654,655],{"class":593},"\"latest\"",[573,657,597],{"class":579},[573,659,661,664,666,669],{"class":575,"line":660},9,[573,662,663],{"class":586},"    \"solid-js\"",[573,665,590],{"class":579},[573,667,668],{"class":593},"\"^1.9.12\"",[573,670,597],{"class":579},[573,672,674,677,679,681],{"class":575,"line":673},10,[573,675,676],{"class":586},"    \"vite\"",[573,678,590],{"class":579},[573,680,655],{"class":593},[573,682,597],{"class":579},[573,684,686,689,691],{"class":575,"line":685},11,[573,687,688],{"class":586},"    \"vite-plugin-solid\"",[573,690,590],{"class":579},[573,692,693],{"class":593},"\"^2.11.11\"\n",[573,695,697],{"class":575,"line":696},12,[573,698,699],{"class":579},"  }\n",[573,701,703],{"class":575,"line":702},13,[573,704,705],{"class":579},"}\n",[563,707,710],{"className":565,"code":708,"filename":709,"language":568,"meta":5,"style":5},"{\n  \"extends\": \"nitro\u002Ftsconfig\",\n  \"compilerOptions\": {\n    \"jsx\": \"preserve\",\n    \"jsxImportSource\": \"solid-js\"\n  }\n}\n","tsconfig.json",[570,711,712,716,728,735,747,757,761],{"__ignoreMap":5},[573,713,714],{"class":575,"line":576},[573,715,580],{"class":579},[573,717,718,721,723,726],{"class":575,"line":583},[573,719,720],{"class":586},"  \"extends\"",[573,722,590],{"class":579},[573,724,725],{"class":593},"\"nitro\u002Ftsconfig\"",[573,727,597],{"class":579},[573,729,730,733],{"class":575,"line":600},[573,731,732],{"class":586},"  \"compilerOptions\"",[573,734,606],{"class":579},[573,736,737,740,742,745],{"class":575,"line":609},[573,738,739],{"class":586},"    \"jsx\"",[573,741,590],{"class":579},[573,743,744],{"class":593},"\"preserve\"",[573,746,597],{"class":579},[573,748,749,752,754],{"class":575,"line":622},[573,750,751],{"class":586},"    \"jsxImportSource\"",[573,753,590],{"class":579},[573,755,756],{"class":593},"\"solid-js\"\n",[573,758,759],{"class":575,"line":633},[573,760,699],{"class":579},[573,762,763],{"class":575,"line":639},[573,764,705],{"class":579},[563,766,771],{"className":767,"code":768,"filename":769,"language":770,"meta":5,"style":5},"language-js shiki shiki-themes github-light github-dark github-dark","import solid from \"vite-plugin-solid\";\nimport { defineConfig } from \"vite\";\nimport { nitro } from \"nitro\u002Fvite\";\n\nexport default defineConfig({\n  plugins: [solid({ ssr: true }), nitro()],\n  esbuild: { jsx: \"preserve\", jsxImportSource: \"solid-js\" },\n  environments: {\n    ssr: {\n      build: { rollupOptions: { input: \".\u002Fsrc\u002Fentry-server.tsx\" } },\n    },\n    client: {\n      build: { rollupOptions: { input: \".\u002Fsrc\u002Fentry-client.tsx\" } },\n    },\n  },\n});\n","vite.config.mjs","js",[570,772,773,791,805,819,824,839,861,877,882,887,898,903,908,917,922,927],{"__ignoreMap":5},[573,774,775,779,782,785,788],{"class":575,"line":576},[573,776,778],{"class":777},"so5gQ","import",[573,780,781],{"class":579}," solid ",[573,783,784],{"class":777},"from",[573,786,787],{"class":593}," \"vite-plugin-solid\"",[573,789,790],{"class":579},";\n",[573,792,793,795,798,800,803],{"class":575,"line":583},[573,794,778],{"class":777},[573,796,797],{"class":579}," { defineConfig } ",[573,799,784],{"class":777},[573,801,802],{"class":593}," \"vite\"",[573,804,790],{"class":579},[573,806,807,809,812,814,817],{"class":575,"line":600},[573,808,778],{"class":777},[573,810,811],{"class":579}," { nitro } ",[573,813,784],{"class":777},[573,815,816],{"class":593}," \"nitro\u002Fvite\"",[573,818,790],{"class":579},[573,820,821],{"class":575,"line":609},[573,822,823],{"emptyLinePlaceholder":449},"\n",[573,825,826,829,832,836],{"class":575,"line":622},[573,827,828],{"class":777},"export",[573,830,831],{"class":777}," default",[573,833,835],{"class":834},"shcOC"," defineConfig",[573,837,838],{"class":579},"({\n",[573,840,841,844,847,850,852,855,858],{"class":575,"line":633},[573,842,843],{"class":579},"  plugins: [",[573,845,846],{"class":834},"solid",[573,848,849],{"class":579},"({ ssr: ",[573,851,560],{"class":586},[573,853,854],{"class":579}," }), ",[573,856,857],{"class":834},"nitro",[573,859,860],{"class":579},"()],\n",[573,862,863,866,868,871,874],{"class":575,"line":639},[573,864,865],{"class":579},"  esbuild: { jsx: ",[573,867,744],{"class":593},[573,869,870],{"class":579},", jsxImportSource: ",[573,872,873],{"class":593},"\"solid-js\"",[573,875,876],{"class":579}," },\n",[573,878,879],{"class":575,"line":647},[573,880,881],{"class":579},"  environments: {\n",[573,883,884],{"class":575,"line":660},[573,885,886],{"class":579},"    ssr: {\n",[573,888,889,892,895],{"class":575,"line":673},[573,890,891],{"class":579},"      build: { rollupOptions: { input: ",[573,893,894],{"class":593},"\".\u002Fsrc\u002Fentry-server.tsx\"",[573,896,897],{"class":579}," } },\n",[573,899,900],{"class":575,"line":685},[573,901,902],{"class":579},"    },\n",[573,904,905],{"class":575,"line":696},[573,906,907],{"class":579},"    client: {\n",[573,909,910,912,915],{"class":575,"line":702},[573,911,891],{"class":579},[573,913,914],{"class":593},"\".\u002Fsrc\u002Fentry-client.tsx\"",[573,916,897],{"class":579},[573,918,920],{"class":575,"line":919},14,[573,921,902],{"class":579},[573,923,925],{"class":575,"line":924},15,[573,926,636],{"class":579},[573,928,930],{"class":575,"line":929},16,[573,931,932],{"class":579},"});\n",[563,934,939],{"className":935,"code":936,"filename":937,"language":938,"meta":5,"style":5},"language-tsx shiki shiki-themes github-light github-dark github-dark","import { createSignal } from \"solid-js\";\n\nexport function App() {\n  const [count, setCount] = createSignal(0);\n\n  return (\n    \u003Cdiv>\n      \u003Ch1>Hello, Solid!\u003C\u002Fh1>\n      \u003Cbutton onClick={() => setCount((count) => count + 1)}>Count: {count()}\u003C\u002Fbutton>\n    \u003C\u002Fdiv>\n  );\n}\n","src\u002Fapp.tsx","tsx",[570,940,941,955,959,972,1007,1011,1019,1031,1046,1099,1108,1113],{"__ignoreMap":5},[573,942,943,945,948,950,953],{"class":575,"line":576},[573,944,778],{"class":777},[573,946,947],{"class":579}," { createSignal } ",[573,949,784],{"class":777},[573,951,952],{"class":593}," \"solid-js\"",[573,954,790],{"class":579},[573,956,957],{"class":575,"line":583},[573,958,823],{"emptyLinePlaceholder":449},[573,960,961,963,966,969],{"class":575,"line":600},[573,962,828],{"class":777},[573,964,965],{"class":777}," function",[573,967,968],{"class":834}," App",[573,970,971],{"class":579},"() {\n",[573,973,974,977,980,983,986,989,992,995,998,1001,1004],{"class":575,"line":609},[573,975,976],{"class":777},"  const",[573,978,979],{"class":579}," [",[573,981,982],{"class":586},"count",[573,984,985],{"class":579},", ",[573,987,988],{"class":586},"setCount",[573,990,991],{"class":579},"] ",[573,993,994],{"class":777},"=",[573,996,997],{"class":834}," createSignal",[573,999,1000],{"class":579},"(",[573,1002,1003],{"class":586},"0",[573,1005,1006],{"class":579},");\n",[573,1008,1009],{"class":575,"line":622},[573,1010,823],{"emptyLinePlaceholder":449},[573,1012,1013,1016],{"class":575,"line":633},[573,1014,1015],{"class":777},"  return",[573,1017,1018],{"class":579}," (\n",[573,1020,1021,1024,1028],{"class":575,"line":639},[573,1022,1023],{"class":579},"    \u003C",[573,1025,1027],{"class":1026},"sByVh","div",[573,1029,1030],{"class":579},">\n",[573,1032,1033,1036,1039,1042,1044],{"class":575,"line":647},[573,1034,1035],{"class":579},"      \u003C",[573,1037,1038],{"class":1026},"h1",[573,1040,1041],{"class":579},">Hello, Solid!\u003C\u002F",[573,1043,1038],{"class":1026},[573,1045,1030],{"class":579},[573,1047,1048,1050,1053,1056,1058,1061,1064,1067,1070,1073,1076,1078,1081,1084,1087,1090,1092,1095,1097],{"class":575,"line":660},[573,1049,1035],{"class":579},[573,1051,1052],{"class":1026},"button",[573,1054,1055],{"class":834}," onClick",[573,1057,994],{"class":777},[573,1059,1060],{"class":579},"{() ",[573,1062,1063],{"class":777},"=>",[573,1065,1066],{"class":834}," setCount",[573,1068,1069],{"class":579},"((",[573,1071,982],{"class":1072},"sQHwn",[573,1074,1075],{"class":579},") ",[573,1077,1063],{"class":777},[573,1079,1080],{"class":579}," count ",[573,1082,1083],{"class":777},"+",[573,1085,1086],{"class":586}," 1",[573,1088,1089],{"class":579},")}>Count: {",[573,1091,982],{"class":834},[573,1093,1094],{"class":579},"()}\u003C\u002F",[573,1096,1052],{"class":1026},[573,1098,1030],{"class":579},[573,1100,1101,1104,1106],{"class":575,"line":673},[573,1102,1103],{"class":579},"    \u003C\u002F",[573,1105,1027],{"class":1026},[573,1107,1030],{"class":579},[573,1109,1110],{"class":575,"line":685},[573,1111,1112],{"class":579},"  );\n",[573,1114,1115],{"class":575,"line":696},[573,1116,705],{"class":579},[563,1118,1121],{"className":935,"code":1119,"filename":1120,"language":938,"meta":5,"style":5},"import { hydrate } from \"solid-js\u002Fweb\";\nimport \".\u002Fstyles.css\";\nimport { App } from \".\u002Fapp.jsx\";\n\nhydrate(() => \u003CApp \u002F>, document.querySelector(\"#app\")!);\n","src\u002Fentry-client.tsx",[570,1122,1123,1137,1146,1160,1164],{"__ignoreMap":5},[573,1124,1125,1127,1130,1132,1135],{"class":575,"line":576},[573,1126,778],{"class":777},[573,1128,1129],{"class":579}," { hydrate } ",[573,1131,784],{"class":777},[573,1133,1134],{"class":593}," \"solid-js\u002Fweb\"",[573,1136,790],{"class":579},[573,1138,1139,1141,1144],{"class":575,"line":583},[573,1140,778],{"class":777},[573,1142,1143],{"class":593}," \".\u002Fstyles.css\"",[573,1145,790],{"class":579},[573,1147,1148,1150,1153,1155,1158],{"class":575,"line":600},[573,1149,778],{"class":777},[573,1151,1152],{"class":579}," { App } ",[573,1154,784],{"class":777},[573,1156,1157],{"class":593}," \".\u002Fapp.jsx\"",[573,1159,790],{"class":579},[573,1161,1162],{"class":575,"line":609},[573,1163,823],{"emptyLinePlaceholder":449},[573,1165,1166,1169,1172,1174,1177,1180,1183,1186,1188,1191,1194,1197],{"class":575,"line":622},[573,1167,1168],{"class":834},"hydrate",[573,1170,1171],{"class":579},"(() ",[573,1173,1063],{"class":777},[573,1175,1176],{"class":579}," \u003C",[573,1178,1179],{"class":586},"App",[573,1181,1182],{"class":579}," \u002F>, document.",[573,1184,1185],{"class":834},"querySelector",[573,1187,1000],{"class":579},[573,1189,1190],{"class":593},"\"#app\"",[573,1192,1193],{"class":579},")",[573,1195,1196],{"class":777},"!",[573,1198,1006],{"class":579},[563,1200,1202],{"className":935,"code":1201,"filename":561,"language":938,"meta":5,"style":5},"import { renderToStringAsync, HydrationScript } from \"solid-js\u002Fweb\";\nimport { App } from \".\u002Fapp.jsx\";\n\nimport clientAssets from \".\u002Fentry-client?assets=client\";\nimport serverAssets from \".\u002Fentry-server?assets=ssr\";\n\nexport default {\n  async fetch(req: Request): Promise\u003CResponse> {\n    const appHTML = await renderToStringAsync(() => \u003CApp \u002F>);\n    const rootHTML = await renderToStringAsync(() => \u003CRoot appHTML={appHTML} \u002F>);\n    return new Response(rootHTML, {\n      headers: { \"Content-Type\": \"text\u002Fhtml\" },\n    });\n  },\n};\n\nfunction Root(props: { appHTML?: string }) {\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\" \u002F>\n        {assets.css.map((attr: any) => (\n          \u003Clink key={attr.href} rel=\"stylesheet\" {...attr} \u002F>\n        ))}\n        {assets.js.map((attr: any) => (\n          \u003Clink key={attr.href} type=\"modulepreload\" {...attr} \u002F>\n        ))}\n      \u003C\u002Fhead>\n      \u003Cbody>\n        \u003Cdiv id=\"app\" innerHTML={props.appHTML || \"\"} \u002F>\n        \u003CHydrationScript \u002F>\n        \u003Cscript type=\"module\" src={assets.entry} \u002F>\n      \u003C\u002Fbody>\n    \u003C\u002Fhtml>\n  );\n}\n",[570,1203,1204,1217,1229,1233,1247,1261,1265,1274,1309,1337,1366,1380,1395,1400,1404,1409,1413,1444,1463,1470,1488,1498,1526,1551,1585,1591,1613,1640,1645,1655,1665,1697,1707,1730,1739,1748,1753],{"__ignoreMap":5},[573,1205,1206,1208,1211,1213,1215],{"class":575,"line":576},[573,1207,778],{"class":777},[573,1209,1210],{"class":579}," { renderToStringAsync, HydrationScript } ",[573,1212,784],{"class":777},[573,1214,1134],{"class":593},[573,1216,790],{"class":579},[573,1218,1219,1221,1223,1225,1227],{"class":575,"line":583},[573,1220,778],{"class":777},[573,1222,1152],{"class":579},[573,1224,784],{"class":777},[573,1226,1157],{"class":593},[573,1228,790],{"class":579},[573,1230,1231],{"class":575,"line":600},[573,1232,823],{"emptyLinePlaceholder":449},[573,1234,1235,1237,1240,1242,1245],{"class":575,"line":609},[573,1236,778],{"class":777},[573,1238,1239],{"class":579}," clientAssets ",[573,1241,784],{"class":777},[573,1243,1244],{"class":593}," \".\u002Fentry-client?assets=client\"",[573,1246,790],{"class":579},[573,1248,1249,1251,1254,1256,1259],{"class":575,"line":622},[573,1250,778],{"class":777},[573,1252,1253],{"class":579}," serverAssets ",[573,1255,784],{"class":777},[573,1257,1258],{"class":593}," \".\u002Fentry-server?assets=ssr\"",[573,1260,790],{"class":579},[573,1262,1263],{"class":575,"line":633},[573,1264,823],{"emptyLinePlaceholder":449},[573,1266,1267,1269,1271],{"class":575,"line":639},[573,1268,828],{"class":777},[573,1270,831],{"class":777},[573,1272,1273],{"class":579}," {\n",[573,1275,1276,1279,1282,1284,1287,1290,1293,1295,1297,1300,1303,1306],{"class":575,"line":647},[573,1277,1278],{"class":777},"  async",[573,1280,1281],{"class":834}," fetch",[573,1283,1000],{"class":579},[573,1285,1286],{"class":1072},"req",[573,1288,1289],{"class":777},":",[573,1291,1292],{"class":834}," Request",[573,1294,1193],{"class":579},[573,1296,1289],{"class":777},[573,1298,1299],{"class":834}," Promise",[573,1301,1302],{"class":579},"\u003C",[573,1304,1305],{"class":834},"Response",[573,1307,1308],{"class":579},"> {\n",[573,1310,1311,1314,1317,1320,1323,1326,1328,1330,1332,1334],{"class":575,"line":660},[573,1312,1313],{"class":777},"    const",[573,1315,1316],{"class":586}," appHTML",[573,1318,1319],{"class":777}," =",[573,1321,1322],{"class":777}," await",[573,1324,1325],{"class":834}," renderToStringAsync",[573,1327,1171],{"class":579},[573,1329,1063],{"class":777},[573,1331,1176],{"class":579},[573,1333,1179],{"class":586},[573,1335,1336],{"class":579}," \u002F>);\n",[573,1338,1339,1341,1344,1346,1348,1350,1352,1354,1356,1359,1361,1363],{"class":575,"line":673},[573,1340,1313],{"class":777},[573,1342,1343],{"class":586}," rootHTML",[573,1345,1319],{"class":777},[573,1347,1322],{"class":777},[573,1349,1325],{"class":834},[573,1351,1171],{"class":579},[573,1353,1063],{"class":777},[573,1355,1176],{"class":579},[573,1357,1358],{"class":586},"Root",[573,1360,1316],{"class":834},[573,1362,994],{"class":777},[573,1364,1365],{"class":579},"{appHTML} \u002F>);\n",[573,1367,1368,1371,1374,1377],{"class":575,"line":685},[573,1369,1370],{"class":777},"    return",[573,1372,1373],{"class":777}," new",[573,1375,1376],{"class":834}," Response",[573,1378,1379],{"class":579},"(rootHTML, {\n",[573,1381,1382,1385,1388,1390,1393],{"class":575,"line":696},[573,1383,1384],{"class":579},"      headers: { ",[573,1386,1387],{"class":593},"\"Content-Type\"",[573,1389,590],{"class":579},[573,1391,1392],{"class":593},"\"text\u002Fhtml\"",[573,1394,876],{"class":579},[573,1396,1397],{"class":575,"line":702},[573,1398,1399],{"class":579},"    });\n",[573,1401,1402],{"class":575,"line":919},[573,1403,636],{"class":579},[573,1405,1406],{"class":575,"line":924},[573,1407,1408],{"class":579},"};\n",[573,1410,1411],{"class":575,"line":929},[573,1412,823],{"emptyLinePlaceholder":449},[573,1414,1416,1419,1422,1424,1427,1429,1432,1435,1438,1441],{"class":575,"line":1415},17,[573,1417,1418],{"class":777},"function",[573,1420,1421],{"class":834}," Root",[573,1423,1000],{"class":579},[573,1425,1426],{"class":1072},"props",[573,1428,1289],{"class":777},[573,1430,1431],{"class":579}," { ",[573,1433,1434],{"class":1072},"appHTML",[573,1436,1437],{"class":777},"?:",[573,1439,1440],{"class":586}," string",[573,1442,1443],{"class":579}," }) {\n",[573,1445,1447,1449,1452,1454,1457,1460],{"class":575,"line":1446},18,[573,1448,976],{"class":777},[573,1450,1451],{"class":586}," assets",[573,1453,1319],{"class":777},[573,1455,1456],{"class":579}," clientAssets.",[573,1458,1459],{"class":834},"merge",[573,1461,1462],{"class":579},"(serverAssets);\n",[573,1464,1466,1468],{"class":575,"line":1465},19,[573,1467,1015],{"class":777},[573,1469,1018],{"class":579},[573,1471,1473,1475,1478,1481,1483,1486],{"class":575,"line":1472},20,[573,1474,1023],{"class":579},[573,1476,1477],{"class":1026},"html",[573,1479,1480],{"class":834}," lang",[573,1482,994],{"class":777},[573,1484,1485],{"class":593},"\"en\"",[573,1487,1030],{"class":579},[573,1489,1491,1493,1496],{"class":575,"line":1490},21,[573,1492,1035],{"class":579},[573,1494,1495],{"class":1026},"head",[573,1497,1030],{"class":579},[573,1499,1501,1504,1507,1510,1512,1515,1518,1520,1523],{"class":575,"line":1500},22,[573,1502,1503],{"class":579},"        \u003C",[573,1505,1506],{"class":1026},"meta",[573,1508,1509],{"class":834}," name",[573,1511,994],{"class":777},[573,1513,1514],{"class":593},"\"viewport\"",[573,1516,1517],{"class":834}," content",[573,1519,994],{"class":777},[573,1521,1522],{"class":593},"\"width=device-width, initial-scale=1.0\"",[573,1524,1525],{"class":579}," \u002F>\n",[573,1527,1529,1532,1535,1537,1540,1542,1545,1547,1549],{"class":575,"line":1528},23,[573,1530,1531],{"class":579},"        {assets.css.",[573,1533,1534],{"class":834},"map",[573,1536,1069],{"class":579},[573,1538,1539],{"class":1072},"attr",[573,1541,1289],{"class":777},[573,1543,1544],{"class":586}," any",[573,1546,1075],{"class":579},[573,1548,1063],{"class":777},[573,1550,1018],{"class":579},[573,1552,1554,1557,1560,1563,1565,1568,1571,1573,1576,1579,1582],{"class":575,"line":1553},24,[573,1555,1556],{"class":579},"          \u003C",[573,1558,1559],{"class":1026},"link",[573,1561,1562],{"class":834}," key",[573,1564,994],{"class":777},[573,1566,1567],{"class":579},"{attr.href} ",[573,1569,1570],{"class":834},"rel",[573,1572,994],{"class":777},[573,1574,1575],{"class":593},"\"stylesheet\"",[573,1577,1578],{"class":579}," {",[573,1580,1581],{"class":777},"...",[573,1583,1584],{"class":579},"attr} \u002F>\n",[573,1586,1588],{"class":575,"line":1587},25,[573,1589,1590],{"class":579},"        ))}\n",[573,1592,1594,1597,1599,1601,1603,1605,1607,1609,1611],{"class":575,"line":1593},26,[573,1595,1596],{"class":579},"        {assets.js.",[573,1598,1534],{"class":834},[573,1600,1069],{"class":579},[573,1602,1539],{"class":1072},[573,1604,1289],{"class":777},[573,1606,1544],{"class":586},[573,1608,1075],{"class":579},[573,1610,1063],{"class":777},[573,1612,1018],{"class":579},[573,1614,1616,1618,1620,1622,1624,1626,1629,1631,1634,1636,1638],{"class":575,"line":1615},27,[573,1617,1556],{"class":579},[573,1619,1559],{"class":1026},[573,1621,1562],{"class":834},[573,1623,994],{"class":777},[573,1625,1567],{"class":579},[573,1627,1628],{"class":834},"type",[573,1630,994],{"class":777},[573,1632,1633],{"class":593},"\"modulepreload\"",[573,1635,1578],{"class":579},[573,1637,1581],{"class":777},[573,1639,1584],{"class":579},[573,1641,1643],{"class":575,"line":1642},28,[573,1644,1590],{"class":579},[573,1646,1648,1651,1653],{"class":575,"line":1647},29,[573,1649,1650],{"class":579},"      \u003C\u002F",[573,1652,1495],{"class":1026},[573,1654,1030],{"class":579},[573,1656,1658,1660,1663],{"class":575,"line":1657},30,[573,1659,1035],{"class":579},[573,1661,1662],{"class":1026},"body",[573,1664,1030],{"class":579},[573,1666,1668,1670,1672,1675,1677,1680,1683,1685,1688,1691,1694],{"class":575,"line":1667},31,[573,1669,1503],{"class":579},[573,1671,1027],{"class":1026},[573,1673,1674],{"class":834}," id",[573,1676,994],{"class":777},[573,1678,1679],{"class":593},"\"app\"",[573,1681,1682],{"class":834}," innerHTML",[573,1684,994],{"class":777},[573,1686,1687],{"class":579},"{props.appHTML ",[573,1689,1690],{"class":777},"||",[573,1692,1693],{"class":593}," \"\"",[573,1695,1696],{"class":579},"} \u002F>\n",[573,1698,1700,1702,1705],{"class":575,"line":1699},32,[573,1701,1503],{"class":579},[573,1703,1704],{"class":586},"HydrationScript",[573,1706,1525],{"class":579},[573,1708,1710,1712,1715,1718,1720,1722,1725,1727],{"class":575,"line":1709},33,[573,1711,1503],{"class":579},[573,1713,1714],{"class":1026},"script",[573,1716,1717],{"class":834}," type",[573,1719,994],{"class":777},[573,1721,594],{"class":593},[573,1723,1724],{"class":834}," src",[573,1726,994],{"class":777},[573,1728,1729],{"class":579},"{assets.entry} \u002F>\n",[573,1731,1733,1735,1737],{"class":575,"line":1732},34,[573,1734,1650],{"class":579},[573,1736,1662],{"class":1026},[573,1738,1030],{"class":579},[573,1740,1742,1744,1746],{"class":575,"line":1741},35,[573,1743,1103],{"class":579},[573,1745,1477],{"class":1026},[573,1747,1030],{"class":579},[573,1749,1751],{"class":575,"line":1750},36,[573,1752,1112],{"class":579},[573,1754,1756],{"class":575,"line":1755},37,[573,1757,705],{"class":579},[563,1759,1764],{"className":1760,"code":1761,"filename":1762,"language":1763,"meta":5,"style":5},"language-css shiki shiki-themes github-light github-dark github-dark","div {\n  font-family: system-ui, Arial, sans-serif;\n  font-size: 20px;\n  margin-bottom: 10px;\n}\n\nbutton {\n  background-color: rgb(147 197 253);\n  color: rgb(15 23 42);\n  border: none;\n  padding: 10px 20px;\n  font-size: 16px;\n  cursor: pointer;\n  border-radius: 5px;\n}\n\nbutton:hover {\n  background-color: rgb(191 219 254);\n}\n","src\u002Fstyles.css","css",[570,1765,1766,1772,1794,1809,1823,1827,1831,1837,1860,1882,1894,1912,1925,1937,1951,1955,1959,1968,1989],{"__ignoreMap":5},[573,1767,1768,1770],{"class":575,"line":576},[573,1769,1027],{"class":1026},[573,1771,1273],{"class":579},[573,1773,1774,1777,1779,1782,1784,1787,1789,1792],{"class":575,"line":583},[573,1775,1776],{"class":586},"  font-family",[573,1778,590],{"class":579},[573,1780,1781],{"class":586},"system-ui",[573,1783,985],{"class":579},[573,1785,1786],{"class":586},"Arial",[573,1788,985],{"class":579},[573,1790,1791],{"class":586},"sans-serif",[573,1793,790],{"class":579},[573,1795,1796,1799,1801,1804,1807],{"class":575,"line":600},[573,1797,1798],{"class":586},"  font-size",[573,1800,590],{"class":579},[573,1802,1803],{"class":586},"20",[573,1805,1806],{"class":777},"px",[573,1808,790],{"class":579},[573,1810,1811,1814,1816,1819,1821],{"class":575,"line":609},[573,1812,1813],{"class":586},"  margin-bottom",[573,1815,590],{"class":579},[573,1817,1818],{"class":586},"10",[573,1820,1806],{"class":777},[573,1822,790],{"class":579},[573,1824,1825],{"class":575,"line":622},[573,1826,705],{"class":579},[573,1828,1829],{"class":575,"line":633},[573,1830,823],{"emptyLinePlaceholder":449},[573,1832,1833,1835],{"class":575,"line":639},[573,1834,1052],{"class":1026},[573,1836,1273],{"class":579},[573,1838,1839,1842,1844,1847,1849,1852,1855,1858],{"class":575,"line":647},[573,1840,1841],{"class":586},"  background-color",[573,1843,590],{"class":579},[573,1845,1846],{"class":586},"rgb",[573,1848,1000],{"class":579},[573,1850,1851],{"class":586},"147",[573,1853,1854],{"class":586}," 197",[573,1856,1857],{"class":586}," 253",[573,1859,1006],{"class":579},[573,1861,1862,1865,1867,1869,1871,1874,1877,1880],{"class":575,"line":660},[573,1863,1864],{"class":586},"  color",[573,1866,590],{"class":579},[573,1868,1846],{"class":586},[573,1870,1000],{"class":579},[573,1872,1873],{"class":586},"15",[573,1875,1876],{"class":586}," 23",[573,1878,1879],{"class":586}," 42",[573,1881,1006],{"class":579},[573,1883,1884,1887,1889,1892],{"class":575,"line":673},[573,1885,1886],{"class":586},"  border",[573,1888,590],{"class":579},[573,1890,1891],{"class":586},"none",[573,1893,790],{"class":579},[573,1895,1896,1899,1901,1903,1905,1908,1910],{"class":575,"line":685},[573,1897,1898],{"class":586},"  padding",[573,1900,590],{"class":579},[573,1902,1818],{"class":586},[573,1904,1806],{"class":777},[573,1906,1907],{"class":586}," 20",[573,1909,1806],{"class":777},[573,1911,790],{"class":579},[573,1913,1914,1916,1918,1921,1923],{"class":575,"line":696},[573,1915,1798],{"class":586},[573,1917,590],{"class":579},[573,1919,1920],{"class":586},"16",[573,1922,1806],{"class":777},[573,1924,790],{"class":579},[573,1926,1927,1930,1932,1935],{"class":575,"line":702},[573,1928,1929],{"class":586},"  cursor",[573,1931,590],{"class":579},[573,1933,1934],{"class":586},"pointer",[573,1936,790],{"class":579},[573,1938,1939,1942,1944,1947,1949],{"class":575,"line":919},[573,1940,1941],{"class":586},"  border-radius",[573,1943,590],{"class":579},[573,1945,1946],{"class":586},"5",[573,1948,1806],{"class":777},[573,1950,790],{"class":579},[573,1952,1953],{"class":575,"line":924},[573,1954,705],{"class":579},[573,1956,1957],{"class":575,"line":929},[573,1958,823],{"emptyLinePlaceholder":449},[573,1960,1961,1963,1966],{"class":575,"line":1415},[573,1962,1052],{"class":1026},[573,1964,1965],{"class":834},":hover",[573,1967,1273],{"class":579},[573,1969,1970,1972,1974,1976,1978,1981,1984,1987],{"class":575,"line":1446},[573,1971,1841],{"class":586},[573,1973,590],{"class":579},[573,1975,1846],{"class":586},[573,1977,1000],{"class":579},[573,1979,1980],{"class":586},"191",[573,1982,1983],{"class":586}," 219",[573,1985,1986],{"class":586}," 254",[573,1988,1006],{"class":579},[573,1990,1991],{"class":575,"line":1465},[573,1992,705],{"class":579},[1994,1995,1996,1997,2000],"p",{},"Set up server-side rendering (SSR) with SolidJS, Vite, and Nitro. This setup uses ",[570,1998,1999],{},"renderToStringAsync"," for HTML generation and supports client hydration.",[2002,2003,2005],"h2",{"id":2004},"overview","Overview",[2007,2008,2010,2014,2017,2020],"steps",{"level":2009},"4",[2011,2012,2013],"h4",{},"Add the Nitro Vite plugin to your Vite config",[2011,2015,2016],{},"Configure client and server entry points",[2011,2018,2019],{},"Create a server entry that renders your app to HTML",[2011,2021,2022],{},"Create a client entry that hydrates the server-rendered HTML",[2002,2024,2026],{"id":2025},"_1-configure-vite","1. Configure Vite",[1994,2028,2029,2030,2033,2034,2037],{},"Add the Nitro and SolidJS plugins to your Vite config. SolidJS requires explicit JSX configuration and both ",[570,2031,2032],{},"ssr"," and ",[570,2035,2036],{},"client"," environments:",[563,2039,2040],{"className":767,"code":768,"filename":769,"language":770,"meta":5,"style":5},[570,2041,2042,2054,2066,2078,2082,2092,2108,2120,2124,2128,2136,2140,2144,2152,2156,2160],{"__ignoreMap":5},[573,2043,2044,2046,2048,2050,2052],{"class":575,"line":576},[573,2045,778],{"class":777},[573,2047,781],{"class":579},[573,2049,784],{"class":777},[573,2051,787],{"class":593},[573,2053,790],{"class":579},[573,2055,2056,2058,2060,2062,2064],{"class":575,"line":583},[573,2057,778],{"class":777},[573,2059,797],{"class":579},[573,2061,784],{"class":777},[573,2063,802],{"class":593},[573,2065,790],{"class":579},[573,2067,2068,2070,2072,2074,2076],{"class":575,"line":600},[573,2069,778],{"class":777},[573,2071,811],{"class":579},[573,2073,784],{"class":777},[573,2075,816],{"class":593},[573,2077,790],{"class":579},[573,2079,2080],{"class":575,"line":609},[573,2081,823],{"emptyLinePlaceholder":449},[573,2083,2084,2086,2088,2090],{"class":575,"line":622},[573,2085,828],{"class":777},[573,2087,831],{"class":777},[573,2089,835],{"class":834},[573,2091,838],{"class":579},[573,2093,2094,2096,2098,2100,2102,2104,2106],{"class":575,"line":633},[573,2095,843],{"class":579},[573,2097,846],{"class":834},[573,2099,849],{"class":579},[573,2101,560],{"class":586},[573,2103,854],{"class":579},[573,2105,857],{"class":834},[573,2107,860],{"class":579},[573,2109,2110,2112,2114,2116,2118],{"class":575,"line":639},[573,2111,865],{"class":579},[573,2113,744],{"class":593},[573,2115,870],{"class":579},[573,2117,873],{"class":593},[573,2119,876],{"class":579},[573,2121,2122],{"class":575,"line":647},[573,2123,881],{"class":579},[573,2125,2126],{"class":575,"line":660},[573,2127,886],{"class":579},[573,2129,2130,2132,2134],{"class":575,"line":673},[573,2131,891],{"class":579},[573,2133,894],{"class":593},[573,2135,897],{"class":579},[573,2137,2138],{"class":575,"line":685},[573,2139,902],{"class":579},[573,2141,2142],{"class":575,"line":696},[573,2143,907],{"class":579},[573,2145,2146,2148,2150],{"class":575,"line":702},[573,2147,891],{"class":579},[573,2149,914],{"class":593},[573,2151,897],{"class":579},[573,2153,2154],{"class":575,"line":919},[573,2155,902],{"class":579},[573,2157,2158],{"class":575,"line":924},[573,2159,636],{"class":579},[573,2161,2162],{"class":575,"line":929},[573,2163,932],{"class":579},[1994,2165,2166,2167,2170,2171,2033,2173,2175],{},"Enable SSR mode in the Solid plugin with ",[570,2168,2169],{},"solid({ ssr: true })",". Configure esbuild to preserve JSX for Solid's compiler and use Solid's JSX runtime. SolidJS requires explicit ",[570,2172,2032],{},[570,2174,2036],{}," environment configuration in Vite.",[2002,2177,2179],{"id":2178},"_2-create-the-app-component","2. Create the App Component",[1994,2181,2182],{},"Create a shared SolidJS component using reactive signals:",[563,2184,2185],{"className":935,"code":936,"filename":937,"language":938,"meta":5,"style":5},[570,2186,2187,2199,2203,2213,2237,2241,2247,2255,2267,2307,2315,2319],{"__ignoreMap":5},[573,2188,2189,2191,2193,2195,2197],{"class":575,"line":576},[573,2190,778],{"class":777},[573,2192,947],{"class":579},[573,2194,784],{"class":777},[573,2196,952],{"class":593},[573,2198,790],{"class":579},[573,2200,2201],{"class":575,"line":583},[573,2202,823],{"emptyLinePlaceholder":449},[573,2204,2205,2207,2209,2211],{"class":575,"line":600},[573,2206,828],{"class":777},[573,2208,965],{"class":777},[573,2210,968],{"class":834},[573,2212,971],{"class":579},[573,2214,2215,2217,2219,2221,2223,2225,2227,2229,2231,2233,2235],{"class":575,"line":609},[573,2216,976],{"class":777},[573,2218,979],{"class":579},[573,2220,982],{"class":586},[573,2222,985],{"class":579},[573,2224,988],{"class":586},[573,2226,991],{"class":579},[573,2228,994],{"class":777},[573,2230,997],{"class":834},[573,2232,1000],{"class":579},[573,2234,1003],{"class":586},[573,2236,1006],{"class":579},[573,2238,2239],{"class":575,"line":622},[573,2240,823],{"emptyLinePlaceholder":449},[573,2242,2243,2245],{"class":575,"line":633},[573,2244,1015],{"class":777},[573,2246,1018],{"class":579},[573,2248,2249,2251,2253],{"class":575,"line":639},[573,2250,1023],{"class":579},[573,2252,1027],{"class":1026},[573,2254,1030],{"class":579},[573,2256,2257,2259,2261,2263,2265],{"class":575,"line":647},[573,2258,1035],{"class":579},[573,2260,1038],{"class":1026},[573,2262,1041],{"class":579},[573,2264,1038],{"class":1026},[573,2266,1030],{"class":579},[573,2268,2269,2271,2273,2275,2277,2279,2281,2283,2285,2287,2289,2291,2293,2295,2297,2299,2301,2303,2305],{"class":575,"line":660},[573,2270,1035],{"class":579},[573,2272,1052],{"class":1026},[573,2274,1055],{"class":834},[573,2276,994],{"class":777},[573,2278,1060],{"class":579},[573,2280,1063],{"class":777},[573,2282,1066],{"class":834},[573,2284,1069],{"class":579},[573,2286,982],{"class":1072},[573,2288,1075],{"class":579},[573,2290,1063],{"class":777},[573,2292,1080],{"class":579},[573,2294,1083],{"class":777},[573,2296,1086],{"class":586},[573,2298,1089],{"class":579},[573,2300,982],{"class":834},[573,2302,1094],{"class":579},[573,2304,1052],{"class":1026},[573,2306,1030],{"class":579},[573,2308,2309,2311,2313],{"class":575,"line":673},[573,2310,1103],{"class":579},[573,2312,1027],{"class":1026},[573,2314,1030],{"class":579},[573,2316,2317],{"class":575,"line":685},[573,2318,1112],{"class":579},[573,2320,2321],{"class":575,"line":696},[573,2322,705],{"class":579},[1994,2324,2325,2326,2329,2330,2333],{},"SolidJS uses signals (",[570,2327,2328],{},"createSignal",") for state management. Unlike React's ",[570,2331,2332],{},"useState",", signals are getter functions that you call to read the value.",[2002,2335,2337],{"id":2336},"_3-create-the-server-entry","3. Create the Server Entry",[1994,2339,2340,2341,2343,2344,2346],{},"The server entry renders your SolidJS app to HTML using ",[570,2342,1999],{}," and includes the ",[570,2345,1704],{}," for client-side hydration:",[563,2348,2349],{"className":935,"code":1201,"filename":561,"language":938,"meta":5,"style":5},[570,2350,2351,2363,2375,2379,2391,2403,2407,2415,2441,2463,2489,2499,2511,2515,2519,2523,2527,2549,2563,2569,2583,2591,2611,2631,2655,2659,2679,2703,2707,2715,2723,2747,2755,2773,2781,2789,2793],{"__ignoreMap":5},[573,2352,2353,2355,2357,2359,2361],{"class":575,"line":576},[573,2354,778],{"class":777},[573,2356,1210],{"class":579},[573,2358,784],{"class":777},[573,2360,1134],{"class":593},[573,2362,790],{"class":579},[573,2364,2365,2367,2369,2371,2373],{"class":575,"line":583},[573,2366,778],{"class":777},[573,2368,1152],{"class":579},[573,2370,784],{"class":777},[573,2372,1157],{"class":593},[573,2374,790],{"class":579},[573,2376,2377],{"class":575,"line":600},[573,2378,823],{"emptyLinePlaceholder":449},[573,2380,2381,2383,2385,2387,2389],{"class":575,"line":609},[573,2382,778],{"class":777},[573,2384,1239],{"class":579},[573,2386,784],{"class":777},[573,2388,1244],{"class":593},[573,2390,790],{"class":579},[573,2392,2393,2395,2397,2399,2401],{"class":575,"line":622},[573,2394,778],{"class":777},[573,2396,1253],{"class":579},[573,2398,784],{"class":777},[573,2400,1258],{"class":593},[573,2402,790],{"class":579},[573,2404,2405],{"class":575,"line":633},[573,2406,823],{"emptyLinePlaceholder":449},[573,2408,2409,2411,2413],{"class":575,"line":639},[573,2410,828],{"class":777},[573,2412,831],{"class":777},[573,2414,1273],{"class":579},[573,2416,2417,2419,2421,2423,2425,2427,2429,2431,2433,2435,2437,2439],{"class":575,"line":647},[573,2418,1278],{"class":777},[573,2420,1281],{"class":834},[573,2422,1000],{"class":579},[573,2424,1286],{"class":1072},[573,2426,1289],{"class":777},[573,2428,1292],{"class":834},[573,2430,1193],{"class":579},[573,2432,1289],{"class":777},[573,2434,1299],{"class":834},[573,2436,1302],{"class":579},[573,2438,1305],{"class":834},[573,2440,1308],{"class":579},[573,2442,2443,2445,2447,2449,2451,2453,2455,2457,2459,2461],{"class":575,"line":660},[573,2444,1313],{"class":777},[573,2446,1316],{"class":586},[573,2448,1319],{"class":777},[573,2450,1322],{"class":777},[573,2452,1325],{"class":834},[573,2454,1171],{"class":579},[573,2456,1063],{"class":777},[573,2458,1176],{"class":579},[573,2460,1179],{"class":586},[573,2462,1336],{"class":579},[573,2464,2465,2467,2469,2471,2473,2475,2477,2479,2481,2483,2485,2487],{"class":575,"line":673},[573,2466,1313],{"class":777},[573,2468,1343],{"class":586},[573,2470,1319],{"class":777},[573,2472,1322],{"class":777},[573,2474,1325],{"class":834},[573,2476,1171],{"class":579},[573,2478,1063],{"class":777},[573,2480,1176],{"class":579},[573,2482,1358],{"class":586},[573,2484,1316],{"class":834},[573,2486,994],{"class":777},[573,2488,1365],{"class":579},[573,2490,2491,2493,2495,2497],{"class":575,"line":685},[573,2492,1370],{"class":777},[573,2494,1373],{"class":777},[573,2496,1376],{"class":834},[573,2498,1379],{"class":579},[573,2500,2501,2503,2505,2507,2509],{"class":575,"line":696},[573,2502,1384],{"class":579},[573,2504,1387],{"class":593},[573,2506,590],{"class":579},[573,2508,1392],{"class":593},[573,2510,876],{"class":579},[573,2512,2513],{"class":575,"line":702},[573,2514,1399],{"class":579},[573,2516,2517],{"class":575,"line":919},[573,2518,636],{"class":579},[573,2520,2521],{"class":575,"line":924},[573,2522,1408],{"class":579},[573,2524,2525],{"class":575,"line":929},[573,2526,823],{"emptyLinePlaceholder":449},[573,2528,2529,2531,2533,2535,2537,2539,2541,2543,2545,2547],{"class":575,"line":1415},[573,2530,1418],{"class":777},[573,2532,1421],{"class":834},[573,2534,1000],{"class":579},[573,2536,1426],{"class":1072},[573,2538,1289],{"class":777},[573,2540,1431],{"class":579},[573,2542,1434],{"class":1072},[573,2544,1437],{"class":777},[573,2546,1440],{"class":586},[573,2548,1443],{"class":579},[573,2550,2551,2553,2555,2557,2559,2561],{"class":575,"line":1446},[573,2552,976],{"class":777},[573,2554,1451],{"class":586},[573,2556,1319],{"class":777},[573,2558,1456],{"class":579},[573,2560,1459],{"class":834},[573,2562,1462],{"class":579},[573,2564,2565,2567],{"class":575,"line":1465},[573,2566,1015],{"class":777},[573,2568,1018],{"class":579},[573,2570,2571,2573,2575,2577,2579,2581],{"class":575,"line":1472},[573,2572,1023],{"class":579},[573,2574,1477],{"class":1026},[573,2576,1480],{"class":834},[573,2578,994],{"class":777},[573,2580,1485],{"class":593},[573,2582,1030],{"class":579},[573,2584,2585,2587,2589],{"class":575,"line":1490},[573,2586,1035],{"class":579},[573,2588,1495],{"class":1026},[573,2590,1030],{"class":579},[573,2592,2593,2595,2597,2599,2601,2603,2605,2607,2609],{"class":575,"line":1500},[573,2594,1503],{"class":579},[573,2596,1506],{"class":1026},[573,2598,1509],{"class":834},[573,2600,994],{"class":777},[573,2602,1514],{"class":593},[573,2604,1517],{"class":834},[573,2606,994],{"class":777},[573,2608,1522],{"class":593},[573,2610,1525],{"class":579},[573,2612,2613,2615,2617,2619,2621,2623,2625,2627,2629],{"class":575,"line":1528},[573,2614,1531],{"class":579},[573,2616,1534],{"class":834},[573,2618,1069],{"class":579},[573,2620,1539],{"class":1072},[573,2622,1289],{"class":777},[573,2624,1544],{"class":586},[573,2626,1075],{"class":579},[573,2628,1063],{"class":777},[573,2630,1018],{"class":579},[573,2632,2633,2635,2637,2639,2641,2643,2645,2647,2649,2651,2653],{"class":575,"line":1553},[573,2634,1556],{"class":579},[573,2636,1559],{"class":1026},[573,2638,1562],{"class":834},[573,2640,994],{"class":777},[573,2642,1567],{"class":579},[573,2644,1570],{"class":834},[573,2646,994],{"class":777},[573,2648,1575],{"class":593},[573,2650,1578],{"class":579},[573,2652,1581],{"class":777},[573,2654,1584],{"class":579},[573,2656,2657],{"class":575,"line":1587},[573,2658,1590],{"class":579},[573,2660,2661,2663,2665,2667,2669,2671,2673,2675,2677],{"class":575,"line":1593},[573,2662,1596],{"class":579},[573,2664,1534],{"class":834},[573,2666,1069],{"class":579},[573,2668,1539],{"class":1072},[573,2670,1289],{"class":777},[573,2672,1544],{"class":586},[573,2674,1075],{"class":579},[573,2676,1063],{"class":777},[573,2678,1018],{"class":579},[573,2680,2681,2683,2685,2687,2689,2691,2693,2695,2697,2699,2701],{"class":575,"line":1615},[573,2682,1556],{"class":579},[573,2684,1559],{"class":1026},[573,2686,1562],{"class":834},[573,2688,994],{"class":777},[573,2690,1567],{"class":579},[573,2692,1628],{"class":834},[573,2694,994],{"class":777},[573,2696,1633],{"class":593},[573,2698,1578],{"class":579},[573,2700,1581],{"class":777},[573,2702,1584],{"class":579},[573,2704,2705],{"class":575,"line":1642},[573,2706,1590],{"class":579},[573,2708,2709,2711,2713],{"class":575,"line":1647},[573,2710,1650],{"class":579},[573,2712,1495],{"class":1026},[573,2714,1030],{"class":579},[573,2716,2717,2719,2721],{"class":575,"line":1657},[573,2718,1035],{"class":579},[573,2720,1662],{"class":1026},[573,2722,1030],{"class":579},[573,2724,2725,2727,2729,2731,2733,2735,2737,2739,2741,2743,2745],{"class":575,"line":1667},[573,2726,1503],{"class":579},[573,2728,1027],{"class":1026},[573,2730,1674],{"class":834},[573,2732,994],{"class":777},[573,2734,1679],{"class":593},[573,2736,1682],{"class":834},[573,2738,994],{"class":777},[573,2740,1687],{"class":579},[573,2742,1690],{"class":777},[573,2744,1693],{"class":593},[573,2746,1696],{"class":579},[573,2748,2749,2751,2753],{"class":575,"line":1699},[573,2750,1503],{"class":579},[573,2752,1704],{"class":586},[573,2754,1525],{"class":579},[573,2756,2757,2759,2761,2763,2765,2767,2769,2771],{"class":575,"line":1709},[573,2758,1503],{"class":579},[573,2760,1714],{"class":1026},[573,2762,1717],{"class":834},[573,2764,994],{"class":777},[573,2766,594],{"class":593},[573,2768,1724],{"class":834},[573,2770,994],{"class":777},[573,2772,1729],{"class":579},[573,2774,2775,2777,2779],{"class":575,"line":1732},[573,2776,1650],{"class":579},[573,2778,1662],{"class":1026},[573,2780,1030],{"class":579},[573,2782,2783,2785,2787],{"class":575,"line":1741},[573,2784,1103],{"class":579},[573,2786,1477],{"class":1026},[573,2788,1030],{"class":579},[573,2790,2791],{"class":575,"line":1750},[573,2792,1112],{"class":579},[573,2794,2795],{"class":575,"line":1755},[573,2796,705],{"class":579},[1994,2798,2799,2800,2803,2804,2806,2807,2033,2810,2813],{},"SolidJS requires rendering the app separately from the shell (two-phase rendering). The app HTML is injected via ",[570,2801,2802],{},"innerHTML"," to preserve hydration markers. Include the ",[570,2805,1704],{}," component to inject the script Solid needs to rehydrate on the client. Import assets using the ",[570,2808,2809],{},"?assets=client",[570,2811,2812],{},"?assets=ssr"," query parameters to collect CSS and JS from each entry point.",[2002,2815,2817],{"id":2816},"_4-create-the-client-entry","4. Create the Client Entry",[1994,2819,2820],{},"The client entry hydrates the server-rendered HTML, restoring Solid's reactivity:",[563,2822,2823],{"className":935,"code":1119,"filename":1120,"language":938,"meta":5,"style":5},[570,2824,2825,2837,2845,2857,2861],{"__ignoreMap":5},[573,2826,2827,2829,2831,2833,2835],{"class":575,"line":576},[573,2828,778],{"class":777},[573,2830,1129],{"class":579},[573,2832,784],{"class":777},[573,2834,1134],{"class":593},[573,2836,790],{"class":579},[573,2838,2839,2841,2843],{"class":575,"line":583},[573,2840,778],{"class":777},[573,2842,1143],{"class":593},[573,2844,790],{"class":579},[573,2846,2847,2849,2851,2853,2855],{"class":575,"line":600},[573,2848,778],{"class":777},[573,2850,1152],{"class":579},[573,2852,784],{"class":777},[573,2854,1157],{"class":593},[573,2856,790],{"class":579},[573,2858,2859],{"class":575,"line":609},[573,2860,823],{"emptyLinePlaceholder":449},[573,2862,2863,2865,2867,2869,2871,2873,2875,2877,2879,2881,2883,2885],{"class":575,"line":622},[573,2864,1168],{"class":834},[573,2866,1171],{"class":579},[573,2868,1063],{"class":777},[573,2870,1176],{"class":579},[573,2872,1179],{"class":586},[573,2874,1182],{"class":579},[573,2876,1185],{"class":834},[573,2878,1000],{"class":579},[573,2880,1190],{"class":593},[573,2882,1193],{"class":579},[573,2884,1196],{"class":777},[573,2886,1006],{"class":579},[1994,2888,2889,2890,2892,2893,2896,2897,2900],{},"The ",[570,2891,1168],{}," function attaches Solid's reactive system to the existing server-rendered DOM inside ",[570,2894,2895],{},"#app",". The component is wrapped in a function ",[570,2898,2899],{},"() => \u003CApp \u002F>"," as required by Solid's API.",[2002,2902,2904],{"id":2903},"learn-more","Learn More",[2906,2907,2908,2918,2922],"ul",{},[2909,2910,2911],"li",{},[2912,2913,2917],"a",{"href":2914,"rel":2915},"https:\u002F\u002Fdocs.solidjs.com\u002F",[2916],"nofollow","SolidJS Documentation",[2909,2919,2920],{},[2912,2921,18],{"href":19},[2909,2923,2924],{},[2912,2925,78],{"href":79},[2927,2928,2929],"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":583,"depth":583,"links":2931},[2932,2933,2934,2935,2936,2937],{"id":2004,"depth":583,"text":2005},{"id":2025,"depth":583,"text":2026},{"id":2178,"depth":583,"text":2179},{"id":2336,"depth":583,"text":2337},{"id":2816,"depth":583,"text":2817},{"id":2903,"depth":583,"text":2904},"md",{"automd":449,"category":489,"icon":406},{"icon":406},{"title":403,"description":535},"M1QJOMnYqsDTNA2DImnJqELHSfsNt21_hOejk-D8Wvc",[2944,2945],{"title":399,"path":400,"stem":401,"description":532,"icon":387,"children":-1},{"title":408,"path":409,"stem":410,"description":538,"icon":411,"children":-1},1784019077852]