Start Here
Learn Python
Start Learning
Your Learning Plan →
Your personalized Python learning plan
Python Tutorials →
In-depth articles and video courses
Learning Paths →
Guided study plans for accelerated learning
Practice
Quizzes & Exercises →
Check your learning progress
Browse Topics →
Focus on a specific area or skill level
Reference →
Concise definitions for common Python terms
Get Help
Code Mentor →
Beta
Personalized code assistance & learning tools
Office Hours →
Live Q&A calls with Python experts
Community Chat →
Learn with other Pythonistas
Go Deeper
Live Courses →
Live, instructor-led Python courses
Books →
Round out your knowledge and learn offline
Podcast →
Hear what’s new in the world of Python
Unlock All Content and Become a Python Expert →
Get unlimited access to all Real Python has to offer
Unlock All Content →
Become a Python Expert
More
Learner Stories
Python Newsletter
Python Job Board
Meet the Team
Become a Contributor
Search
/
Join
Sign‑In
Build a Blog Using Django, GraphQL, and Vue
by
Philipp Acsany
Reading time estimate
1h 2m
advanced
api
django
front-end
web-dev
Mark as Completed
Share
Table of Contents
Demo: A Django Blog Admin, a GraphQL API, and a Vue Front End
Project Overview
Prerequisites
Step 1: Set Up the Django Blog
Install Django
Create the Django Project
Run Django Migrations
Create a Superuser
Step 1 Summary
Step 2: Create the Django Blog Admin
Create the Django Blog Application
Enable the Django Blog Application
Create the Django Blog Data Models
Create the Model Admin Configuration
Create the Model Migrations
Start Blogging
Step 2 Summary
Step 3: Set Up Graphene-Django
Install Graphene-Django
Configure Graphene-Django
Step 3 Summary
Step 4: Set Up django-cors-headers
Install django-cors-headers