Real Python
  • Start Here
  • Learn Python
    Python Tutorials →
    In-depth articles and video courses     Learning Paths →
    Guided study plans for accelerated learning     Quizzes & Exercises →
    Check your learning progress     Browse Topics →
    Focus on a specific area or skill level     Community Chat →
    Learn with other Pythonistas     Office Hours →
    Live Q&A calls with Python experts     Podcast →
    Hear what’s new in the world of Python     Books →
    Round out your knowledge and learn offline     Reference →
    Concise definitions for common Python terms     Code Mentor →Beta
    Personalized code assistance & learning tools     Unlock All Content →
  • More
    Learner Stories Python Newsletter Python Job Board Meet the Team Become a Tutorial Writer Become a Video Instructor
  • Search
/
  • Join
  • Sign‑In

— FREE Email Series —

🐍 Python Tricks 💌

Python Tricks Dictionary Merge

🔒 No spam. Unsubscribe any time.


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
    • Configure django-cors-headers
    • Step 4 Summary
  • Step 5: Set Up Vue.js
    • Install Node.js
    • Create the Vue Project
    • Step 5 Summary
  • Step 6: Create Basic Views and Components
    • Remove Existing Views
    • Add Your Views
    • Remove Existing Components
    • Create Your Components
    • Set Up Routes
    • Step 6 Summary
  • Step 7: Update the Vue Components
    • Link to the Author
    • Prep the Blog Posts List
    • Render All Blog Posts
    • Show Posts for a Given Tag
    • Show Information About an Author
    • Display a Single Blog Post
    • Adjust the Routes for the App
    • Step 7 Summary
  • Step 8: Implement Vue Apollo
    • Install Vue Apollo
    • Configure Vue Apollo
    • Step 8 Summary
  • Step 9: Fetch the Data
    • AllPostsView Query
    • PostView Query
    • AuthorView Query
    • PostsByTagView Query
    • Step 9 Summary
  • Next Steps
  • Conclusion
Learn Python
  • Start Here
  • Learning Resources
  • Code Mentor
  • Python Reference
  • Support Center
Courses & Paths
  • Learning Paths
  • Quizzes & Exercises
  • Browse Topics
  • Workshops
  • Books
Community
  • Podcast
  • Newsletter
  • Community Chat
  • Office Hours
  • Learner Stories
Membership
  • Plans & Pricing
  • Team Plans
  • For Business
  • For Schools
  • Reviews
Company
  • About Us
  • Team
  • Sponsorships
  • Careers
  • Press Kit
  • Merch
Privacy Policy ⋅ Terms of Use ⋅ Security ⋅ Contact
Happy Pythoning!
© 2012–2025 DevCademy Media Inc. DBA Real Python. All rights reserved.
REALPYTHON™ is a trademark of DevCademy Media Inc. Real Python - Online Python Training (logo)