Architecture

This section provides an overview of the Freeze Design webshop architecture, including system design decisions and component interactions.

System Overview

The Freeze Design webshop follows a modern decoupled architecture:

┌─────────────────┐     ┌─────────────────┐
│   Next.js       │────▶│   Django REST   │
│   Frontend      │◀────│   Framework     │
└─────────────────┘     └─────────────────┘
                               │
                   ┌───────────┼───────────┐
                   ▼           ▼           ▼
            ┌──────────┐ ┌──────────┐ ┌──────────┐
            │PostgreSQL│ │  Redis   │ │ RabbitMQ │
            └──────────┘ └──────────┘ └──────────┘

Sections

• Overview - High-level architecture and design decisions
• Visual Diagrams - 12 detailed architecture diagrams with colors
• Backend (Django) - Django app structure and patterns
• Frontend (Next.js) - React component architecture
• Database - Data models and relationships

Quick Links

Diagram	Description
System Context	High-level system overview
User Flow	Browse → Design → Checkout
CI/CD Pipeline	GitHub Actions workflow
Deployment	Production topology