https://github.com/victory-labs/headlesswp-react-router-example
Headless WordPress with React Router
https://github.com/victory-labs/headlesswp-react-router-example
headless react-router wordpress
Last synced: about 2 months ago
JSON representation
Headless WordPress with React Router
- Host: GitHub
- URL: https://github.com/victory-labs/headlesswp-react-router-example
- Owner: victory-labs
- Created: 2025-04-19T20:50:22.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-20T05:05:45.000Z (about 1 year ago)
- Last Synced: 2025-07-10T13:07:51.463Z (12 months ago)
- Topics: headless, react-router, wordpress
- Language: TypeScript
- Homepage:
- Size: 90.8 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# HeadlessWP React Router Example
A modern, production-ready template demonstrating how to build headless WordPress applications using React Router. This project showcases the integration of WordPress content with a modern React frontend, featuring a shadcn/ui powered dashboard for managing posts and pages.
## Features
- 🔌 Headless WordPress integration
- 📱 Modern dashboard UI powered by shadcn/ui
- 📝 WordPress posts and pages management
- 🚀 Server-side rendering
- ⚡️ Hot Module Replacement (HMR)
- 📦 Asset bundling and optimization
- 🔄 Data loading and mutations
- 🔒 TypeScript by default
- 🎉 TailwindCSS for styling
- 📖 [React Router docs](https://reactrouter.com/)
## Getting Started
### Prerequisites
- A WordPress installation with the HeadlessWP plugin activated
- Node.js and npm installed
### Installation
Install the dependencies:
```bash
npm install
```
### Development
Start the development server with HMR:
```bash
npm run dev
```
Your application will be available at `http://localhost:5173`.
## Configuration
Configure your WordPress endpoint in the environment variables:
```env
WORDPRESS_API_URL=your-wordpress-url
```
## Styling
This template uses [Tailwind CSS](https://tailwindcss.com/) for styling and [shadcn/ui](https://ui.shadcn.com/) for component architecture, providing a modern and customizable UI experience.
---
Built with ❤️ using React Router and HeadlessWP.