https://github.com/jackdevau/react-umijs-tinacms-demo
Umi.js + TinaCMS
https://github.com/jackdevau/react-umijs-tinacms-demo
cms react tinacms umijs
Last synced: 2 months ago
JSON representation
Umi.js + TinaCMS
- Host: GitHub
- URL: https://github.com/jackdevau/react-umijs-tinacms-demo
- Owner: JackDevAU
- Created: 2024-06-21T04:41:13.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-21T05:45:19.000Z (about 2 years ago)
- Last Synced: 2025-06-02T15:44:50.057Z (about 1 year ago)
- Topics: cms, react, tinacms, umijs
- Language: TypeScript
- Homepage: https://tina.io
- Size: 464 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Umi.js + TinaCMS
This repository demonstrates how to integrate Umi.js with TinaCMS for a dynamic blog-like application.
## Features
- **Dynamic Routing**: Supports dynamic routes for blog posts `/posts` & `/posts/:filename`.
- **Data Pre-loading**: Utilizes Umi.js's `clientLoader` for pre-loading data.
- **Inline Editing**: Integrates TinaCMS Visual Editor with the `useTina` hook.
## Getting Started
### Installation
1. **Clone the repository**:
```bash
git clone https://github.com/yourusername/umi-tinacms.git
```
2. **Install dependencies**:
```bash
pnpm install
```
3. **Start the development server**:
```bash
pnpm dev
```
4. **Open your browser** and navigate to `http://localhost:8000`.
5. **Checkout Tinacms:** navigate to `http://localhost:8000/admin`.
## Documentation
- [Umi.js Documentation](https://umijs.org/)
- [TinaCMS Documentation](https://tina.io/docs/)