FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
project logo
jxnblkreact-router-data-mode-starter
Minimal React Router starter using data mode
Remix of jxnblk/react-router-ssr-starter
Public
Like
react-router-data-mode-starter
Home
Code
4
README.md
client.tsx
H
http.tsx
routes.tsx
Branches
1
Pull requests
Remixes
2
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
5/15/2025
Viewing readonly version of main branch: v20
View latest version
README.md

WIP React Router Data Mode Starter

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

View demo

How it works

The http.tsx file is the main server that responds with an HTML stream, using React Router. 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.

View more starters

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