Django Vue Webpack

Overview

The django-vue-webpack is a boilerplate that combines the Django backend framework with the Vue.js frontend setup using webpack. It provides a convenient starting point for developers looking to build web applications with these technologies.

Features

• Django Backend: Utilizes the powerful Django framework for the backend implementation.
• Vue.js Frontend: Offers a modern and reactive frontend using the Vue.js framework.
• Webpack Integration: Integrates webpack as the build tool for managing frontend assets and dependencies.

Installation

To install the django-vue-webpack boilerplate, follow the steps below:

1. Clone the repository using the command git clone git@github.com:longtranista/django-vue-webpack.git.
2. Run the Django server by executing python manage.py runserver 0.0.0.0:8000 command.
3. Install the required npm packages by running npm install in the project directory.
4. Start the Vue.js frontend development server with the command npm run dev (node).
5. For production build, run npm run build (node).

After completing the installation steps, you are ready to start coding!

Access the frontend at: http://localhost:8080/

Access the backend at: http://localhost:8000/

Summary

The django-vue-webpack boilerplate provides a convenient starting point for developers to build web applications using Django as the backend framework and Vue.js with webpack as the frontend setup. With its integration of these technologies, developers can benefit from the power of Django for backend development and the reactivity of Vue.js for frontend interactions. The installation process is straightforward and ensures that all the necessary dependencies are set up properly, allowing developers to quickly jump into coding their projects.