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:

┌──────────┐     ┌─────────────┐     ┌──────────────┐
│  Users   │────▶│  Cloudflare │────▶│    Nginx     │
└──────────┘     │  CDN + WAF  │     │  :80 / :443  │
                 └─────────────┘     └──────┬───────┘
                                       ┌────┴────┐
                                       ▼         ▼
                                ┌──────────┐ ┌──────────┐
                                │ Next.js  │ │  Django   │
                                │ Frontend │ │ REST API  │
                                │  :3000   │ │  :8000   │
                                └──────────┘ └────┬─────┘
                                                  │
                                      ┌───────────┼───────────┐
                                      ▼           ▼           ▼
                               ┌──────────┐ ┌──────────┐ ┌──────────┐
                               │PostgreSQL│ │  Redis   │ │  Celery  │
                               │  :5432   │ │  :6379   │ │ Workers  │
                               └──────────┘ └──────────┘ └──────────┘

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