System Design Template Frontend

- Template:
    - 1. Outline use cases, constraints, and assumptions:
        - Who is going to use it?
        - How are they going to use it?
        - How many users are there?
        - What does the system do?
        - What are the inputs and outputs of the system?
        - How much data do we expect to handle?
        - How many requests per second do we expect?
        - What is the expected read to write ratio?
    - 2. Create a high level design:
        - Sketch the main components and connections
        - Justify your ideas
    - 3. Design core components
    - 4. Scale the design:
        - Load balancer
        - Horizontal scaling
        - Caching
        - Database sharding
- Things to consider:
    - Metrics
    - SSR
    - Scaling:
        - Caching
        - CDN
        - Load balancing
        - Database sharding
            - CAP
    - Optimistic updates
    - Code splitting
    - Virtualisation
    - Preload, prefetch