\n React Hono React Router Starter\n

\n\n

\n Edit _index.tsx\n {\" \"}\n and save to reload.\n

\n\n \n Learn React\n \n

\n\n \n

\n );\n};\n\nexport default Index;",[],[172,178],[172],{"_102":188,"_95":189,"_154":114,"_156":-5,"_157":139,"_158":190,"_160":116,"_104":191,"_99":192,"_162":193,"_164":194,"_165":22,"_166":-5,"_167":195,"_98":196},"46f06496-c1ba-11f0-a231-42dde27851f2","index.tsx",80,["D",1763166624657],32,"http","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Hono } from \"https://esm.sh/hono?bundle-deps&deps=react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { renderToString } from \"https://esm.sh/react-dom@18.2.0/server\";\nimport {\n BrowserRouter,\n Route,\n Routes,\n} from \"https://esm.sh/react-router?deps=react@18.2.0\";\n\nimport Index from \"./routes/_index.tsx\";\n\n/* -----------------------------\n * APP (Used by both server + client)\n * ----------------------------- */\nconst App = () => {\n if (typeof window === \"undefined\") {\n return (\n

\n );\n }\n\n return (\n \n \n } />\n } />\n \n \n );\n};\n\n/* -----------------------------\n * CLIENT ENTRY\n * ----------------------------- */\nfunction client() {\n const root = document.getElementById(\"root\");\n if (root) {\n createRoot(root).render();\n }\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\n/* -----------------------------\n * SERVER SSR\n * ----------------------------- */\n\nconst app = new Hono();\n\nconst renderPage = () => {\n const html = renderToString(\n \n \n \n \n React Hono Starter\n \n \n \n \n

\n \n \n \n

\n {/* Load client bundle */}\n \n \n ,\n );\n\n return \"\" + html;\n};\n\napp.get(\"*\", (c) => {\n return c.html(renderPage());\n});\n\nexport default app.fetch;",[],[189],{"_102":198,"_95":199,"_154":200,"_156":-5,"_157":139,"_158":201,"_160":116,"_104":202,"_99":203,"_162":182,"_164":204,"_165":22,"_166":-5,"_167":205,"_98":206},"3582576e-c1ba-11f0-aa96-42dde27851f2","instant.ts","019a831f-1fbf-777a-b8c1-40df1b476b11",78,["D",1763166595424],14,"import {\n init,\n} from \"https://esm.sh/@instantdb/react@0.22.48?bundle-deps&deps=react@18.2.0\";\n\nexport const db = typeof window === \"undefined\"\n ? null\n : init({ appId: \"2a62eb11-26ea-4b7a-aa6e-70213070d39d\" });",[],[199],"files",[151,170,176,187,197],"counts",{"_211":32,"_212":159,"_213":32,"_214":215},"pulls","branches","forks","envVars",{"_216":32,"_217":32},"count","emptyCount","contents",[220,223,226,229],{"_102":152,"_95":153,"_154":155,"_156":-5,"_157":139,"_158":159,"_160":116,"_104":221,"_99":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":222},["D",1763136446372],[153],{"_102":171,"_95":172,"_154":173,"_156":-5,"_157":139,"_158":159,"_160":116,"_104":224,"_99":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":225},["D",1763136446372],[172],{"_102":188,"_95":189,"_154":114,"_156":-5,"_157":139,"_158":190,"_160":116,"_104":227,"_99":192,"_162":193,"_164":194,"_165":22,"_166":-5,"_98":228},["D",1763166624657],[189],{"_102":198,"_95":199,"_154":200,"_156":-5,"_157":139,"_158":201,"_160":116,"_104":230,"_99":203,"_162":182,"_164":204,"_165":22,"_166":-5,"_98":231},["D",1763166595424],[199],"file","upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_93":94,"_95":96,"_97":-7,"_99":-7,"_100":241,"_218":246,"_255":-7,"_256":-5,"_257":-5,"_207":258,"_274":268,"_275":-5,"_276":-5,"_277":22,"_278":22},{"_102":103,"_95":96,"_104":242,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":114,"_115":116,"_117":116,"_118":-5,"_119":32,"_16":120,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":243,"_133":244,"_136":245,"_148":22},["D",1763136446372],{"_93":94,"_131":132},{"_93":94,"_135":132,"_14":112},{"_99":138,"_95":43,"_102":139,"_140":103,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":96,"_147":94},[247,249,251,253],{"_102":152,"_95":153,"_154":155,"_156":-5,"_157":139,"_158":159,"_160":116,"_104":221,"_99":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":248},[153],{"_102":171,"_95":172,"_154":173,"_156":-5,"_157":139,"_158":159,"_160":116,"_104":224,"_99":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":250},[172],{"_102":188,"_95":189,"_154":114,"_156":-5,"_157":139,"_158":190,"_160":116,"_104":227,"_99":192,"_162":193,"_164":194,"_165":22,"_166":-5,"_98":252},[189],{"_102":198,"_95":199,"_154":200,"_156":-5,"_157":139,"_158":201,"_160":116,"_104":230,"_99":203,"_162":182,"_164":204,"_165":22,"_166":-5,"_98":254},[199],"readme","upstream","pull",[259,262,264,268,271],{"_102":152,"_95":153,"_154":155,"_156":-5,"_157":139,"_158":159,"_160":116,"_104":161,"_99":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":260,"_98":261},[],[153],{"_102":171,"_95":172,"_154":173,"_156":-5,"_157":139,"_158":159,"_160":116,"_104":174,"_99":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":263,"_98":267},[264],{"_102":177,"_95":178,"_154":179,"_156":173,"_157":139,"_158":138,"_160":116,"_104":180,"_99":181,"_162":182,"_164":183,"_165":22,"_166":-5,"_167":265,"_98":266},[],[172,178],[172],{"_102":188,"_95":189,"_154":114,"_156":-5,"_157":139,"_158":190,"_160":116,"_104":191,"_99":192,"_162":193,"_164":194,"_165":22,"_166":-5,"_167":269,"_98":270},[],[189],{"_102":198,"_95":199,"_154":200,"_156":-5,"_157":139,"_158":201,"_160":116,"_104":202,"_99":203,"_162":182,"_164":204,"_165":22,"_166":-5,"_167":272,"_98":273},[],[199],"preview","ahead","behind","showHomeCustomizationHint","showHTTPPreviewSettingsHint","actionData","errors"]

vawogbemi

reactHonoReactRouterStarter