This repository contains a clone of Wordpress built with Django and React using Django Bridge 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

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 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 that supply the data for the frontend views to render.

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

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, 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