https://github.com/rudrodip/nexfaster
React Router integration within Next.js for client-side routing
https://github.com/rudrodip/nexfaster
nextjs15 react-router shadcn-ui
Last synced: about 1 month ago
JSON representation
React Router integration within Next.js for client-side routing
- Host: GitHub
- URL: https://github.com/rudrodip/nexfaster
- Owner: rudrodip
- License: 0bsd
- Created: 2025-06-01T16:49:40.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-07-07T11:59:30.000Z (3 months ago)
- Last Synced: 2025-09-01T23:44:39.775Z (about 1 month ago)
- Topics: nextjs15, react-router, shadcn-ui
- Language: TypeScript
- Homepage: https://nexfaster.rdsx.dev
- Size: 426 KB
- Stars: 255
- Watchers: 1
- Forks: 16
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# NexFaster
A minimal template showcasing React Router integration within Next.js for client-side routing
## 🚀 Quick Start
```bash
git clone https://github.com/rudrodip/nexfaster
cd nexfaster
bun install
bun dev
```
Open [http://localhost:3000](http://localhost:3000) to see the app.
## 🏗️ Architecture
NexFaster combines Next.js with React Router for pure client-side routing:
1. **Route Redirection**: All routes redirect to `/shell` via `next.config.ts`
2. **Shell Loading**: Shell page loads React Router app with `ssr: false`
3. **Client Routing**: React Router handles all navigation client-side
## 📁 Key Files
- `next.config.ts` - Route redirection configuration
- `src/app/shell/page.tsx` - Loads React Router app
- `src/frontend/app.tsx` - Main React Router application
- `src/config/site.config.ts` - Site configuration
- `src/components/boilerplate.tsx` - Layout and page components
## 🔧 Adding Routes
Add new routes in `src/frontend/app.tsx`:
```tsx
} />
```
## 🎨 Features
- ⚡ Lightning fast client-side routing
- 🎯 Zero-config React Router integration
- 🎨 Modern UI with Tailwind CSS
- 🌙 Dark mode support
- 📱 Responsive design
- 🔧 TypeScript support
## 🛠️ Tech Stack
- **Framework**: Next.js 15
- **Routing**: React Router 7
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **Icons**: Lucide React
- **Language**: TypeScript
## 📖 Usage Examples
### Multi-page App
```tsx
} />
} />
} />
```
### Protected Routes
```tsx
} />
```
### Nested Layouts
```tsx
}>
} />
} />
```
## 🤝 Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
## 📄 License
BSD Zero Clause License - see [LICENSE](LICENSE) for details.
## 👤 Author
Created by [rds_agi](https://rdsx.dev) • [GitHub](https://github.com/rudrodip/nexfaster) • [Twitter](https://x.com/rds_agi)