Deploy Django and VueJS using Docker | Part 1 - Set Up Locally 2022

Support Me On Patreon For £1 ❤️
  / monkhaus  

Digital Ocean Referral ( You Get $100 in credit over 60 days ) 🖥️
https://m.do.co/c/ba09d2e1bce4

My Gaming Channel 🎮
   / @mgc2267  
Twitch 🎮
  / monkhauss  
Discord 💜
  / discord  
Twitter 💙
  / monkhousetom  

Useful links for this video:
How to install docker on ubuntu
https://docs.docker.com/engine/instal...
How to install npm and node
https://docs.npmjs.com/downloading-an...
How to install vue-cli
https://cli.vuejs.org/guide/installat...

GitHub repo for this video:
https://github.com/monkhaus/dockerize...


What is this video all about?
TLDR:
This video will show you how to dockerize django & vuejs using docker on digital ocean.


In this video I'm going to show you how to deploy an application consisting of django and vuejs. Django on the backend and vuejs on the frontend using docker and digital ocean. This video will show you how to dockerize django, how to dockerize vuejs and then how to deploy django and vuejs on digital ocean using docker. My goal with this video is to make it as simple as possible to deploy your django + vuejs application with the least number of steps possible.

The tools i'll be using in this video include vuejs, django, docker and digital ocean.

This video will show you how to dockerize a django project
This video will show you how to dockerize vuejs for frontend
This video will show you how to dockerize django and vuejs together to build a django and vuejs fullstack web application which is read to deploy.



00:00 Inroduction
00:21 Patreon Plug + Discord
00:38 Install Docker, npm and vue-cli ( link the description)
01:17 Set Up Django Project using cookiecutter
02:41 Django cookiecutter options
03:55 Set up VueJS frontend
04:41 VueJS Project Options
06:43 Add VueJS frontend to local.yml
09:35 Create VueJS dockerfile
10:16 Create Nginx config for VueJS frontend
12:27 Do a local build and deploy to check everything is working
14:08 Final Result
15:25 Join Discord