Django REST Framework & Next.js
Build an API and website for an online course platform with Xendit payment gateway integration, enabling real-time transactions without manual confirmation.
Real-World Case Study
Build a complete online course platform with payment gateway integration.
Full Stack
Backend development with Django REST Framework and frontend with Next.js.
Payment Integration
Integrate the Xendit payment gateway with webhooks for real-time transactions.
Deployment Ready
Deploy backend services with Docker and frontend applications with Vercel.
Training Syllabus
A comprehensive curriculum covering backend to frontend development through an online course platform case study.
Backend Foundations with Django
Application Analysis & Database Design
- Analyze the application to be built
- Database design (tables, fields, relationships)
Django Introduction & Project Setup
- Introduction to Django
- Project structure setup
- Creating reusable custom plugins
Master Data Features
- Product
- Admin
- User
Authentication System
- OAuth2 (Resource Owner Password Flow)
- JWT implementation
- Email verification
Email Services & Password Recovery
- Sending emails using third-party services (ex SendGrid)
- Forgot password workflow
API Security & Core Platform Features
Middleware Implementation
- Authentication
- Authorization
Profile Management
- Get profile
- Update profile
Product Master Data
- CRUD product management
Order & Checkout System
- Order feature
- Product checkout workflow
Payment Gateway Integration (Xendit)
- Xendit integration
- Webhook handling
Dashboard, Deployment & Frontend Setup
Analytics Dashboard
- Total users
- Total orders
- Total products
API Deployment
- Deploy APIs using Docker on a VPS
- Tunneling with ngrok
Introduction to Next.js
- Next.js setup
- Component architecture
Frontend Development (Part 1)
- Homepage
- Product pages
- Product details
- Login
Frontend Features & User Experience
Authentication Pages
- Register
- Forgot password
Student Features
- My Class
- Class details
Transactions & Settings
- Transaction history
- User settings
Production Deployment
Frontend Deployment
- Deploy applications using Vercel
Production Best Practices
- Environment configuration
- Performance considerations
- Release workflow
Technologies Covered
Tools and frameworks that will be used throughout the training.
Training Preview
Watch a preview of what you'll learn in this training program.
Ready to Build a Full-Stack Application?
Contact us for training schedules and exclusive offers tailored to your team.
Contact Us