Django Vue Template

screenshot of Django Vue Template
django
vue

Django Rest + Vue JS Template

Overview

The Django Vue Template is a minimal example for an application using Vue and Django. It separates Vue and Django in the project, with Vue, Yarn, and Webpack handling frontend logic and bundling assessments, while Django and Django REST framework manage Data Models, Web API, and serve static files. The intention is to use Django primarily for the backend, with view rendering and routing handled by Vue and Vue Router as a Single Page Application (SPA).

Features

  • Clearly separate Vue and Django in the project
  • Use of Vue, Yarn, and Webpack for frontend logic and bundling
  • Use of Django and Django REST framework for managing Data Models, Web API, and serving static files
  • Support for adding endpoints to serve django-rendered HTML responses
  • Ability to use Django admin panel for backend management and extension
  • Integration of Vue CLI 3, Vue Router, Vuex, and Gunicorn
  • Configuration for Heroku Deployment
django
Django

Django is a high-level Python web framework that encourages rapid development and clean, pragmatic design. It follows the model-view-controller (MVC) architectural pattern, providing an extensive set of built-in tools and conventions to streamline the creation of robust and scalable web applications.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.