Build a fully functional e-commerce website from scratch using Django and Vue in this comprehensive tutorial. Learn to create a robust backend API with Django Rest Framework and develop an interactive frontend with Vue. Implement essential features including product listings, shopping cart functionality, user authentication, and secure payment processing with Stripe integration. Master deployment techniques for both Django and Vue components, and gain practical insights into setting up a production environment with Nginx. By the end of this 2-3 hour tutorial, acquire the skills to develop, customize, and launch your own e-commerce platform.
Overview
Syllabus
Intro.
Demo.
Install and setup (Django).
Install and setup (Vue).
Include Font Awesome.
Set up the base template.
Create django app and models for products.
Create serializer and views for the products.
Create simple front page (latest products).
View a product .
Sette opp Vuex / State.
Make it possible to add to cart.
Implement a loading bar.
Set document title (All pages).
Make it possible to view a category.
Add search functionality.
View cart.
Change contents of cart.
Make it possible to sign up.
Make it possible to log in.
Create a simple my account page.
Proceed to checkout (Authentication).
Create a simple success page.
Show my orders on the my account page.
Deploy Django .
Deploy Vue (Generate files locally, Send files to server, Set up nginx virtual host).
Taught by
freeCodeCamp.org
Related Courses
-
How to Build an E-commerce Website with Django and Python
-
The Complete Guide to Django REST Framework and Vue JS
-
Python Django: Build an E-commerce Store - 2025
-
Flutter Mobile App + Node.js Back End Tutorial – Code an Amazon Clone [Full Course]
-
Build a Webshop – Angular, Node.js, TypeScript, Stripe
-
Create a Store with WordPress and AI Tutorial – Real AI-Generated Products
