Django + Vue (vue-cli + webpack) in Nginx + MariaDB from Docker

Requirement in your system

• docker
• docker-compose
• node (with yarn)

Usage

Write environments in docker-compose.yml

• required:
  • MYSQL_DATABASE
  • MYSQL_ROOT_PASSWORD
  • MYSQL_USER
  • MYSQL_PASSWORD
  • DATABASE_NAME
  • DATABASE_USER
  • DATABASE_PASSWORD
  • SERVER_NAME

Build and run

docker-compose up -d --build

Vue (Single Page Application) Development

cd application/vue3
yarn

Vue application development -> webpack dev server on.

yarn serve

now, go to http://localhost/ or http://127.0.0.1/

or Vue application deploy -> yarn build

yarn build

now, go to http://localhost/ or http://127.0.0.1/

and Develop it!

Reference

• Python
• Docker
  • Docker compose
• Django
• MariaDB
• Nginx
• Node
• Yarn