FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
nbbaier
nbbaierreact-router-hono-starter2
Remix of jxnblk/react-router-hono-starter
Public
Like
react-router-hono-starter2
Home
Code
4
README.md
client.tsx
routes.tsx
H
server.tsx
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
Code
/
README.md
Code
/
README.md
Search
7/14/2025
Viewing readonly version of main branch: v6
View latest version
README.md

React Router Hono Starter

Minimal React Router + Hono starter example in "data mode" with server-side rendering for Val Town

View demo

How it works

The server.tsx file is the main server that responds with an HTML stream, using React Router, or an API response. The HTML includes a <script type="module"> tag that loads the client.tsx file to hydrate the app with client-side routing provided by React Router in "data mode".

The routes are defined in routes and can include data loading and actions. The /about route includes a loader that fetches data from the /api route, which returns a JSON response. The About page uses the useLoaderData hook to render the data from the loader in the page.

View more starters

Go to top
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Product
FeaturesPricing
Developers
DocsStatusAPI ExamplesNPM Package Examples
Explore
ShowcaseTemplatesNewest ValsTrending ValsNewsletter
Company
AboutBlogCareersBrandhi@val.town
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.