- React - A JavaScript library for building user interfaces.
- Django - Django makes it easier to build better web apps more quickly and with less code.
- Vite - Next Generation Frontend Tooling
- Typescript - JavaScript with syntax for types.
$PROJECT_ROOT │ ├── src/backend # backend file │ ├── src/ui # React files │ ├── src/templates # Django Templates │ ├── src/staticfiles # Django Static Files
- Clone Repo
mkdir django-react cd django-react git clone https://github.com/Arvind-4/django-react.git .
- Create Virtual Environment for Python
python3.10 -m pip install virtualenv python3.10 -m virtualenv .
- Activate Virtual Environment
source bin/activate
- Install Dependencies
cd src pip install -r requirements.txt
- Install Dependencies (For Poetry)
cd src poetry install
- Make Migrations
cd src python manage.py makemigrations python manage.py migrate
- Run Server
cd src python manage.py runserver
- Install Dependencies
cd src/ui pnpm i
- Run Vite
cd src/ui pnpm dev
- For production
cd src/ui pnpm collectstatic