<commit_before>---
layout: post
title: "Building Modern Applications with Django and Vue.js"
description: "How to create a full-stack application with Django, Django REST framework, and Vue.js. A REST API back-end and a Vue.js front-end, along with JWT authentication through Auth0."
date: 2018-05-22 17:28
category: Technical Guide, Python, Django
author:
  name: "<NAME>"
  url: "https://www.techiediaries.com"
  mail: "<EMAIL>"
  avatar: "https://cdn.auth0.com/blog/guest-author/ahmed-bouchefra.jpg"
design:
  bg_color: "#092e20"
  image: https://cdn.auth0.com/blog/building-modern-applications-with-django-and-vuejs/logo.png
tags:
- django
- vue.js
- python
- javascript
- rest
- restful
- api
- auth0
- identity
related:
- 2017-11-09-sqlalchemy-orm-tutorial-for-python-developers
- 2017-09-28-developing-restful-apis-with-python-and-flask
- 2018-03-29-vuejs-kanban-board-the-development-process
---

**TL;DR:** Throughout this article, you'll be using Django, Django REST framework, and Vue.js to develop an application with a REST API back-end and a Vue.js front-end. The API will be consumed by the Vue.js front-end with the help of Axios (the HTTP client library) and JWT authentication will be handled by Auth0.

You are going to start by installing all the project's requirements, then you will bootstrap Django and Vue.js as sub-projects.

You can find the final source code of the demo project that you will create in this [GitHub repository](https://github.com/auth0-blog/django-vue.js).<commit_msg>Changing title and description for CTR tests<commit_after>---
layout: post
title: "Building Modern Applications with Django and Vue.js"
metatitle: "Create Modern Applications with Django and Vue.js - Learn Here"
description: "How to create a full-stack application with Django, Django REST framework, and Vue.js. A REST API back-end and a Vue.js front-end, along with JWT authentication through Auth0."
metadescription: "Learn how to create a full-stack application with Django, Django REST framework, and Vue.js. A REST API back-end and a Vue.js front-end, along with JWT authentication through Auth0."
date: 2018-05-22 17:28
category: Technical Guide, Python, Django
author:
  name: "<NAME>"
  url: "https://www.techiediaries.com"
  mail: "<EMAIL>"
  avatar: "https://cdn.auth0.com/blog/guest-author/ahmed-bouchefra.jpg"
design:
  bg_color: "#092e20"
  image: https://cdn.auth0.com/blog/building-modern-applications-with-django-and-vuejs/logo.png
tags:
- django
- vue.js
- python
- javascript
- rest
- restful
- api
- auth0
- identity
related:
- 2017-11-09-sqlalchemy-orm-tutorial-for-python-developers
- 2017-09-28-developing-restful-apis-with-python-and-flask
- 2018-03-29-vuejs-kanban-board-the-development-process
---

**TL;DR:** Throughout this article, you'll be using Django, Django REST framework, and Vue.js to develop an application with a REST API back-end and a Vue.js front-end. The API will be consumed by the Vue.js front-end with the help of Axios (the HTTP client library) and JWT authentication will be handled by Auth0.

You are going to start by installing all the project's requirements, then you will bootstrap Django and Vue.js as sub-projects.

You can find the final source code of the demo project that you will create in this [GitHub repository](https://github.com/auth0-blog/django-vue.js).
{'fraction_non_alphanumeric': 0.1056422569027611, 'fraction_numerical': 0.02851140456182473, 'mean_word_length': 4.159442724458204, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, 'https://': 8, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2146409', 'n_tokens_mistral': 1154, 'n_tokens_neox': 1032, 'n_words': 376}