https://github.com/jacob-ebey/react-router-dashboard-saas-template
https://github.com/jacob-ebey/react-router-dashboard-saas-template
Last synced: 5 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/jacob-ebey/react-router-dashboard-saas-template
- Owner: jacob-ebey
- Created: 2025-08-06T21:37:06.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-08-14T23:14:57.000Z (10 months ago)
- Last Synced: 2026-01-19T21:11:37.721Z (5 months ago)
- Language: TypeScript
- Homepage: https://react-router-dashboard-saas-templat.vercel.app
- Size: 322 KB
- Stars: 22
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Welcome to React Router! (Experimental RSC)
⚠️ **EXPERIMENTAL**: This template demonstrates React Server Components with React Router. This is experimental technology and not recommended for production use.
A modern template for exploring React Server Components (RSC) with React Router, powered by Vite.
## Features
- 🧪 **Experimental React Server Components**
- 🚀 Server-side rendering with RSC
- ⚡️ Hot Module Replacement (HMR)
- 📦 Asset bundling and optimization with Vite
- 🔄 Data loading and mutations
- 🔒 TypeScript by default
- 🎉 TailwindCSS for styling
- 📖 [React Router docs](https://reactrouter.com/)
- 📚 [React Server Components guide](https://reactrouter.com/how-to/react-server-components)
## Getting Started
### Installation
Install the dependencies:
```bash
pnpm install
```
### Development
In one tab, start the database server:
```bash
pnpm db
```
In another tab:
Migrate the database:
```bash
pnpm db:migrate
```
Start the development server with HMR:
```bash
pnpm dev
```
Your application will be available at `http://localhost:5173`.
## Building for Production
Create a production build:
```bash
npm run build
```
## Understanding React Server Components
This template includes three entry points:
- **`entry.rsc.tsx`** - React Server Components entry point
- **`entry.ssr.tsx`** - Server-side rendering entry point
- **`entry.browser.tsx`** - Client-side hydration entry point
Learn more about React Server Components with React Router in our [comprehensive guide](https://reactrouter.com/how-to/react-server-components).
## Styling
This template comes with [Tailwind CSS](https://tailwindcss.com/) already configured for a simple default starting experience. You can use whatever CSS framework you prefer.
---
Built with ❤️ using React Router.