CMS & Content
Dynamic Pages Explained
Dynamic pages are one of the most powerful features of the CMS in Framer.
Intermediate
7 min read
They allow you to create a single page template that automatically generates unique pages for every item in a CMS collection.
Instead of manually building dozens or hundreds of pages, you create one reusable layout and connect it to your CMS content.
This approach makes it possible to build scalable websites such as:
Blogs
Resource centers
Documentation sites
Case study libraries
Portfolios
Team directories
Product catalogs
This guide explains how dynamic pages work, when to use them, and how to build layouts that scale effectively.
What Is a Dynamic Page?
A dynamic page is a page that automatically displays content from a CMS collection.
Rather than creating separate pages manually, Framer uses a single template and fills it with content from different CMS entries.
For example:
Every page uses the same design but displays different content.
Dynamic Pages vs Static Pages
Understanding the difference between dynamic and static pages is important when planning a website.
Static Pages
Static pages are created and edited individually.
Examples:
Homepage
Pricing page
About page
Contact page
Each page has its own unique content and layout.
Dynamic Pages
Dynamic pages are generated automatically from CMS content.
Examples:
Blog articles
Portfolio projects
Team profiles
Documentation articles
The design is created once and reused across all entries.
Why Dynamic Pages Matter
Without dynamic pages, managing large content libraries becomes difficult.
Imagine publishing 200 blog posts.
Without dynamic pages:
Every page would need to be:
Created manually
Updated individually
Managed separately
With dynamic pages:
This dramatically reduces maintenance.
How Dynamic Pages Work
Dynamic pages are generated from CMS collections.
The process typically follows this structure:
The template acts as a blueprint.
Every entry becomes its own page.
Example: Blog Website
Collection:
Dynamic Template:
Generated Pages:
Each URL displays different content while using the same design.
Understanding Dynamic Templates
A dynamic template is the reusable layout used for all generated pages.
Think of it as a master design.
Example:
The structure remains identical across every page.
Only the content changes.
What Gets Connected to the Template?
Templates typically connect to CMS fields such as:
Title
Featured Image
Category
Author
Publish Date
Rich Text Content
SEO Fields
For example:
The heading automatically displays the title for each entry.
Common Dynamic Page Types
Dynamic pages are useful whenever content follows a repeatable structure.
Blog Posts
The most common CMS use case.
Each article becomes its own page.
Example:
All pages use the same article template.
Case Studies
Agencies often create dynamic case study pages.
Each entry contains:
Project Name
Client
Services
Results
Images
The template automatically generates project pages.
Portfolio Projects
Portfolio websites often use dynamic pages to showcase work.
Each project becomes a CMS entry with its own URL.
Example:
Team Profiles
Dynamic pages can also be used for employee profiles.
Example:
This is common on company websites.
Documentation and Help Centers
Many knowledge bases use dynamic pages.
Examples include:
Tutorials
Documentation
FAQs
Guides
This allows large libraries of content to be managed efficiently.
Understanding Slugs
Every dynamic page requires a unique URL.
This is usually generated from a slug field.
What Is a Slug?
A slug is the URL-friendly version of a title.
Example:
Article title:
Slug:
Generated URL:
Why Slugs Matter
Good slugs help:
Users understand page content
Search engines understand page topics
Improve URL readability
Support SEO efforts
Clean URLs are easier to share and remember.
Good Slug Examples
These URLs are concise and descriptive.
Poor Slug Examples
These provide little context and are less useful for SEO.
Designing Dynamic Templates
A common beginner mistake is designing templates using ideal content only.
Real CMS content varies significantly.
Your template should be flexible enough to handle different scenarios.
Long Titles
Example:
A title like this takes much more space than:
Templates should support both.
Variable Content Length
Articles may contain:
or
The layout should adapt automatically.
Different Image Sizes
Users may upload:
Portrait images
Landscape images
Square images
Templates should handle all formats gracefully.
Empty Optional Fields
Sometimes content is incomplete.
Example:
may be empty.
Templates should continue functioning without breaking the layout.
Responsive Dynamic Layouts
Dynamic pages must work across all devices.
Always test:
Desktop
Tablet
Mobile
with real CMS content.
Responsive Testing Checklist
Review:
Long titles
Long paragraphs
Multiple images
Small screens
Large screens
Optional fields
Many layout issues only appear after content is added.
Dynamic Pages and SEO
One of the biggest advantages of dynamic pages is SEO scalability.
Instead of optimizing pages manually, you can build SEO systems directly into your CMS.
Important SEO Fields
Most content collections should include:
These fields help optimize every page individually.
Page Titles
Each dynamic page should generate a unique title.
Example:
instead of generic titles like:
Meta Descriptions
Meta descriptions provide search engines and users with page summaries.
Each entry should ideally have its own description.
Heading Structure
Dynamic templates should maintain proper heading hierarchy.
Example:
Consistent heading structure improves both accessibility and SEO.
Benefits of Dynamic Pages
Faster Publishing
New content can be published without creating new layouts.
Easier Maintenance
One template controls all connected pages.
Updating the design updates every page automatically.
Better Consistency
Typography, spacing, and layouts remain consistent across the website.
Improved Scalability
Large websites become much easier to manage.
More Efficient Workflows
Content editors can focus on writing and publishing rather than page design.
Common Beginner Mistakes
Building Static Blog Pages
Many beginners create individual pages for every article.
This becomes difficult to maintain as content grows.
Dynamic pages solve this problem.
Poor Slug Structure
Messy URLs create confusion and reduce SEO effectiveness.
Always use readable slugs.
Designing for Perfect Content Only
Real CMS content is unpredictable.
Always test edge cases.
Ignoring Empty States
Optional fields may occasionally contain no content.
Templates should handle this gracefully.
Forgetting SEO Fields
Many users build dynamic pages before planning SEO.
Include SEO fields from the beginning.
Best Practices
Build one flexible template instead of many pages
Use clean, readable slugs
Create dedicated SEO fields
Test with real content
Design for long and short content variations
Optimize images before publishing
Maintain responsive layouts
Plan for future growth
Frequently Asked Questions
Should blogs use dynamic pages?
Almost always. Blogs are one of the most common and effective uses of dynamic page systems.
Are dynamic pages good for SEO?
Yes. They allow scalable content publishing and consistent SEO structures.
Does every CMS entry create a page?
If connected to a dynamic page template, yes.
framerbaseio