hello, \" + c.req.param(\"number\") + \"

\");\n } else {\n return c.html(\"

hello, world

\");\n }\n});\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err, c) => {\n throw err;\n});\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;",[],[155,174],[155],{"_103":184,"_95":185,"_156":186,"_158":-5,"_159":137,"_160":161,"_162":163,"_105":187,"_100":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":188,"_98":222},"329c8222-30c4-11f0-a566-569c3dd06744","frontend","4c059af1-6c45-4a67-a06e-5e9eee3a7325",["D",1747227966858],[189,205,214],{"_103":190,"_95":191,"_156":192,"_158":186,"_159":137,"_160":161,"_162":163,"_105":193,"_100":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":194,"_98":204},"329c7c0a-30c4-11f0-a566-569c3dd06744","components","e7b90bde-301e-4c99-a50d-6d77f7c3313b",["D",1747227966858],[195],{"_103":196,"_95":197,"_156":198,"_158":192,"_159":137,"_160":161,"_162":163,"_105":199,"_100":32,"_165":200,"_167":201,"_168":22,"_169":-5,"_170":202,"_98":203},"329c79f8-30c4-11f0-a566-569c3dd06744","App.tsx","11a05dc5-763c-434b-8ecb-a7fa87622adc",["D",1747227966858],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function App() {\n const [clicked, setClicked] = useState(0);\n return (\n

Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[],[185,191,197],[185,191],{"_103":206,"_95":207,"_156":208,"_158":186,"_159":137,"_160":161,"_162":163,"_105":209,"_100":32,"_165":210,"_167":211,"_168":22,"_169":-5,"_170":212,"_98":213},"329c7df4-30c4-11f0-a566-569c3dd06744","index.html","72968627-1892-40e6-bb59-8ec941868cde",["D",1747227966858],"file","\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[185,207],{"_103":215,"_95":216,"_156":217,"_158":186,"_159":137,"_160":161,"_162":163,"_105":218,"_100":32,"_165":200,"_167":219,"_168":22,"_169":-5,"_170":220,"_98":221},"329c7fca-30c4-11f0-a566-569c3dd06744","index.tsx","961d71fe-e841-434b-a4fb-e1c761b7365f",["D",1747227966858],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[185,216],[185],{"_103":224,"_95":99,"_156":225,"_158":-5,"_159":137,"_160":161,"_162":163,"_105":226,"_100":32,"_165":210,"_167":227,"_168":22,"_169":-5,"_170":228,"_98":229},"329c83d0-30c4-11f0-a566-569c3dd06744","1b43f0af-0349-4bc9-8a2c-69f1ee7226fe",["D",1747227966858],"# React Hono Starter\n\nThis app is a starter template for client-side React and server-side Hono.\n\n- **Remix** this starter template on the top right to get started.\n\n- The **entrypoint** is `/backend/index.ts`. That's the backend HTTP server, which also serves the all the frontend assets.\n\n- The **client-side entrypoint** is `/frontend/index.html`, which in turn imports `/frontend/index.tsx`, which in turn imports the React app from `/frontend/components/App.tsx`.\n\n[React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) is a fuller featured example project, with a SQLite database table, queries, client-side CSS and a favicon, and some shared code that runs on both client and server.",[],[99],"files",[153,172,183,189,195,205,214,223],"counts",{"_234":32,"_235":161,"_236":32,"_237":238},"pulls","branches","forks","envVars",{"_239":32,"_240":32},"count","emptyCount","contents",[],{"_103":224,"_95":99,"_156":225,"_158":-5,"_159":137,"_160":161,"_162":163,"_105":244,"_100":32,"_165":210,"_167":227,"_168":22,"_169":-5,"_98":245},["D",1747227966858],[99],"upstreamProject",{"_103":145,"_95":248,"_111":249,"_112":-5,"_109":110,"_23":250},"reactHonoStarter","Starter template with client-side React & Hono server",{"_93":251,"_129":252},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ","upstreamBranch",{"_103":140,"_105":255,"_256":257,"_95":43,"_138":145,"_100":258,"_139":-5,"_141":-5,"_259":260,"_107":-5,"_150":22,"_109":110,"_149":251,"_16":147,"_148":248},["D",1740674013689],"updatedAt",["D",1755284984205],72,"lockfileKey","1755284987385-esm.town_v_std_reactHonoStarter@72-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_93":94,"_95":96,"_97":43,"_98":99,"_101":267,"_210":272,"_275":276,"_279":280,"_283":-7,"_284":32,"_285":22},{"_103":104,"_95":96,"_105":268,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":269,"_131":270,"_134":271,"_150":22},["D",1747227966858],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_100":136,"_95":43,"_103":137,"_138":104,"_139":140,"_141":142,"_143":110,"_144":145,"_146":147,"_148":96,"_149":94},{"_103":224,"_95":99,"_156":225,"_158":-5,"_159":137,"_160":161,"_162":163,"_105":273,"_100":32,"_165":210,"_167":227,"_168":22,"_169":-5,"_98":274},["D",1747227966858],[99],"history",[277],{"_103":224,"_159":137,"_156":225,"_95":99,"_167":227,"_165":210,"_100":32,"_158":-5,"_105":278,"_160":161,"_169":-5},["D",1747227966858],"versions",[281],{"_210":277,"_282":-5},"previous","versionNumber","page","hasNext","actionData","errors"]

stevekrouse

bradDemo

History for README.md