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   │────▶│    Nginx     │
└──────────┘     │  :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	Staging topology