Industry-Level Django + React Deployment with Docker, CI/CD

Learn how Docker simplifies building, running, and distributing a Django Rest framework app by packaging backend, frontend, and database in containers with Docker Compose for consistent, rapid deployment.

Install docker desktop on your system and learn how images become containers; use docker hub, dockerfile, and docker compose to run backend, frontend, and database for a django react project.

Learn to run the cloned Django + React project locally by configuring a virtual environment, Postgres database, dot env files, and launching the front-end and back-end servers in parallel.

Dockerize the Django backend locally by creating a Dockerfile, using Python 3.10 slim, copying requirements, installing dependencies, enabling unbuffered logs, and running Gunicorn with 3 workers on port 8000.

Create a frontend Dockerfile that builds a React app with Node 18, passes backend URL via env, and serves the build with nginx on port 80.

Create a root-level docker-compose.yml to run the front end, back end, and Postgres 16 Alpine together, using .env.production and .env docker to configure the database and host.

Create a Django superuser inside a dockerized backend using docker compose and manage.py, then log in to the admin site and prepare to deploy to a Linode server.

Deploy your dockerized application to a production server on Linode, a cost-effective cloud hosting provider, using a sign-up flow, $100 credit, and follow the readme.md steps.

Update the production server, install Docker, Docker Compose, and Git, and verify versions to enable reliable Django and React deployment.

Clone the project into the server by creating a click mart folder in /opt, then git clone the repo there to pull backend, frontend, and readme on the linode server.

Update the frontend environment variable to point to the backend IP and push to main. Enable production deployment via GitHub to Linode using docker-compose.yml and .env files.

Create environment files on the linode server, including dot env production and dot env docker, to configure and connect the PostgreSQL database inside Docker using the specified name and password.

Push changes to the main branch to trigger CI/CD, which logs into the Linode server, pulls updates, and runs docker compose up with build to deploy.

Set up a GitHub Actions ci cd pipeline to deploy to Linode on main pushes by configuring automate.yml, ssh login, and secrets, then run docker compose up.

Configure Nginx to serve the React front end and Django back end on a single domain via port 80, removing separate 8000 and 5173 ports with a Docker Nginx service.

Learn how to set up gunicorn as a wsgi server for a Django app, replacing runserver, wiring nginx for static files, and updating docker-compose and requirements for deployment.

Purchase a domain by choosing a provider like GoDaddy or Namecheap, select django.store for ₹89, and connect the domain to your account.

Connect your domain to Linode by configuring DNS A records and an optional CNAME alias for www, then add the domain to Nginx and expect propagation within minutes.

Add the domain to nginx by making the default conf server-managed, configuring server_name, updating allowed hosts, deploying with docker-compose, and using certbot for ssl, then wait for dns propagation.

Diagnose nginx deployment issues and resolve a 502 by checking the backend with docker compose, fixing a comma syntax error, and configuring domain name policy before pushing to main.

Install ssl for the site by configuring certbot, volumes, and nginx, troubleshoot cert loading and port 443 issues, and verify https deployment in dockerized django and react stack.

Configure Django's CSRF trusted origins, update the docker env with your domain, and restart docker compose to enable secure login and https on deployment.