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
App.tsx
README.md
client.tsx
H
http.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: v7
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's StaticRouter component. 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's BrowserRouter in declarative mode.

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.