Django โค๏ธ create-react-app integration example
- set
FRONTEND_DEV = True
insettings.py
- run servers
$ REACT_APP_PUBLIC_URL=http://localhost:3000 npm start
$ python manage.py runserver
- open
http://localhost:8000
- set
FRONTEND_DEV = False
insettings.py
- build static files
- run python server
$ npm run build
$ python manage.py runserver
- open
http://localhost:8000
- set
FRONTEND_DEV = False
insettings.py
- build static files
- collect static files
$ npm run build
$ python manage.py collectstatic
- deploy your django project mdn guide
- update
STATIC_URL
andFRONTEND_DEV
insettings.py
file.
STATIC_URL = 'http://cdn.mysite.com/static/'
FRONTEND_DEV = False
- build static file
REACT_APP_PUBLIC_URL=http://cdn.mysite.com npm run build
you can see cdn branch of this repo for more detail.
problems that need your help.
I hope I see solution in next CRA version with running
PUBLIC_URL=http://localhost:3000 npm run start
http://localhost:8000/sockjs-node/
not found in django.
CRA assets starts with /static/
. so we need add http://localhost:3000
before them.
import logo from './logo.svg';
console.log(logo); // "/static/media/logo.5d5d9eef.svg"
<img src={(process.env.REACT_APP_PUBLIC_URL || '') + logo} alt="logo" />
create react app named cra-prj
$ create-react-app cra-prj
create django project named djcra
$ django-admin startproject djcra
$ mv djcra django_prj
echo 'Django==1.10.5' > django_prj/requirements.txt
I add some files to projects