Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/django-bridge/django-react-cms
A Wordpress clone Built with Django and React using Django Bridge
https://github.com/django-bridge/django-react-cms
django django-bridge mui react
Last synced: 2 days ago
JSON representation
A Wordpress clone Built with Django and React using Django Bridge
- Host: GitHub
- URL: https://github.com/django-bridge/django-react-cms
- Owner: django-bridge
- Created: 2024-01-03T22:03:22.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-07-30T20:24:53.000Z (4 months ago)
- Last Synced: 2024-07-31T00:46:25.415Z (4 months ago)
- Topics: django, django-bridge, mui, react
- Language: TypeScript
- Homepage: https://demo.django-render.org
- Size: 255 KB
- Stars: 8
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Django/React CMS Demo
This repository contains a clone of Wordpress built with Django and React using [Django Bridge](https://django-bridge.org) to connect them.
This demonstrates how to build an application with all logic implemented in Django views and React components used for rendering.
[See the demo live here](https://demo.django-render.org)
## Running it
To get a sense of what Django Bridge is like to develop with, give it a try in one of the following ways.
I'd recommend editing [one of the frontend views](https://github.com/django-bridge/django-react-cms/blob/main/client/src/views/Home/HomeView.tsx) and see it instantly re-render with your changes!
Or, if you're more of a backend dev, have a look at the [backend views](https://github.com/django-bridge/django-react-cms/blob/main/server/djangopress/posts/views.py) that supply the data for the frontend views to render.
[](https://gitpod.io/#https://github.com/django-bridge/django-react-cms)
### With Docker compose
The easiest way to get this up and running is to use `docker compose`, a subcommand of Docker. Make sure you have Docker installed then run:
```
make setup
make superuser
make start
```
Then Djangopress should be running on [localhost:8000](http://localhost:8000)
### Without Docker compose
It's possible to run this without docker compose as well, you will need to have Python 11 and Node JS installed locally.
First open two terminals.
In the first terminal, run the following to install and start the Vite server, which builds and serves the built JavaScript code containing the frontend:
```
cd client
npm install
npm run dev
```
This should start a server at [localhost:5173](http://localhost:5173), there shouldn't be anything here, this will be used by the Django server to fetch freshly built JavaScript.
In the second terminal, run the following to install Django, create the database, create a user, then start the Django devserver:
```
cd server
poetry install
poetry run python manage.py migrate
poetry run python manage.py createsuperuser
poetry run python manage.py runserver
```
Then Djangopress should be running on [localhost:8000](http://localhost:8000)