Advanced CMS Design

Phase 1 - Design

Overview
Crucial Design Principles
Know Your Limits, and Design with them in Mind
201
Minimize Your Use of Multi-Refs
202
Crucial Design Principles
CMS Relationships
202
Minimize Your Use of Collection Lists
203
Minimize Your Use of Scripts
204
Manageability Matters
205
Design Approach
Design Approach
300
Prototyping
402
Demo Project
Example Project - IMDB
500
Phase 1 - Design
501
Phase 2 - Prototyping
502
Phase 3 - Build
503
Review our Project Results
505
Further refinements
506
Resources
How to structure your Webflow CMS Collections
901
The Xref Pattern for Two-Way References
902
Advanced
Webflow CMS Technical Deep Dive
951
No items found.
Published
Updated
in lightbox

Data Structures

For our simple IMDB database, these are the 4 things we need to track;

  • Movies, e.g. Thor, Love & Thunder
  • People, e.g. Chris Hemsworth
  • Roles, e.g. Cast
  • Credits, which combines these into a useful aggregate, e.g. Chris Hemsworth, Cast as Thor in Thor, Love & Thunder

Views

  • List of movies
  • List of people
  • Movie page
  • > Must show a list of all people in that movie, and the Role they are credited for
  • > Should be sorted by specific roles first, e.g. Producer, then Director, then Cast, etc.
  • Person page
  • > Must show a list of all Movies they care credited in
  • > Show be sorted by Movie date, descending

UI Plan

  • Home page will have;
  • > List of all Movies
  • > List of all People
  • Movie Collection page will have;
  • > Movie details
  • > List of all people credited in that Movie
  • > > Sorted by Role
  • Person page will have;
  • > Person details
  • > List of all movies that person is credited in
  • > > Sorted by movie date desc
Videos
No items found.
Table of Contents
Comments
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.