Back to blog

How to structure a Framer CMS for a growing website

How to plan Framer CMS collections, fields, references, slugs, categories, SEO, localization, and editor workflows so the site stays manageable as it grows.

A Framer CMS should make content easier to create, connect, find, and update. What it shouldn't do is turn the page layout into a confusing list of fields called things like "Blue label" and "Card row 2." I've inherited a few of those.

The best time to plan the structure is before you import hundreds of entries. A weak model looks fine in the first template and then, a few months later, you've got duplicated categories, inconsistent URLs, missing metadata, and an editor who messages you every time they want to publish something.

Start with the content operation, not the "add collection" button.

The short answer

To build a Framer CMS that can grow:

  1. Inventory the real content and workflows

  2. Define reusable content types

  3. Give each collection one clear purpose

  4. Use fields for stable meaning, not visual position

  5. Connect shared entities like authors and categories through references

  6. Plan slugs, metadata, and internal links

  7. Test missing, long, old, and unusual content

  8. Document how editors should use the system

  9. Check plan limits before importing

Framer currently includes two collections and 1,000 items on Basic. Pro includes ten collections and 2,500 items, with paid extensions. Confirm on Framer's pricing page before you finalise the model.

Start with a content inventory

List the content the site has today and expects to publish over the next year, including things hidden from the main navigation.

For each type, record example URLs, current item count, expected growth, required fields, shared relationships, owner and editor, publication frequency, languages, archive or expiry rules, and search and filter needs.

Use real entries. The longest title, the oldest article, the author with no photo, and the post that sits in three categories will teach you more than a perfect sample card.

Model content, not pages

A page is a presentation. A content type is a reusable set of information.

An article might contain title, slug, summary, body, hero image, hero alt text, author, category, publication date, updated date, SEO title, SEO description, social image, and featured status.

Name fields for what they mean. "Summary," "Topic," and "Publication date" survive a redesign. "Left text" doesn't.

Decide what deserves a collection

Create a collection when a content type has multiple items, a repeated structure, its own template, or relationships with other content.

A typical editorial site might use:

Collection

Purpose

Common relationships

Articles

Main editorial content

Author, category, related articles

Authors

Reusable profiles

Articles

Categories

Topic landing pages

Articles

Case studies

Project stories

Services, industries

Services

Commercial pages

Case studies, articles

Resources

Guides, templates, downloads

Topics, formats

Don't create a collection for every filter label. A simple option field covers a small fixed set. A separate collection earns its place when the item needs its own page, description, image, metadata, ordering, or relationships.

Keep each collection focused

One collection, one kind of thing. Avoid the universal "Content" collection stuffed with conditional fields unless the types share the same structure and template.

Mixing articles, events, jobs, and case studies gives you fields that are empty for most items. Editors can't tell which fields matter, and templates fill up with exceptions.

Separate collections can be clearer even when they use similar fields. The cost is one more collection against the plan limit, so decide deliberately.

Use references to prevent duplication

If an author appears on thirty posts, don't type their name, role, photo, and bio into thirty items. Store the author once and reference it.

Same principle for categories, industries, services, locations, and anything else shared. Central records create consistency and make global updates possible. They also power landing pages: a category item provides the name, description, slug, and SEO fields, while the page shows the connected articles.

But don't normalize everything into a separate collection. A field that never needs its own page, metadata, image, or shared update is simpler as a fixed value on the main item.

Plan taxonomy before editors invent it

Categories and tags only help when their meanings are clear.

Define the purpose of each taxonomy, whether an item can have one value or several, who's allowed to create new values, naming rules, the minimum content needed for a landing page, and what happens to empty or retired values.

Avoid near duplicates like "UX," "UX design," and "User experience." A short taxonomy guide keeps filters and archive pages useful.

Use categories for broad, stable groups. Use tags only when they support real navigation, filtering, related content, or an editorial need. Not because the last CMS had them.

Create a deliberate slug system

A good slug is short, descriptive, stable, and unique within its route. Something like /blog/framer-cms-structure, /case-studies/data-portal, or /services/framer-development.

Choose route patterns before migration. Do articles sit under /blog, resources under /resources, case studies under /work or /case-studies? Decide once.

Don't include dates, categories, or author names in every article URL. Those change while the topic doesn't.

And have a process for slug changes. A published URL shouldn't be edited casually. When it has to change, add a permanent redirect and update internal links.

Separate editorial fields from SEO fields

The article title and summary might work as the search title and description. Often they don't. Give editors an intentional fallback strategy:

  • Article title as the default SEO title, with an optional shorter override

  • Summary as the default meta description, with an optional search focused override

  • Hero image as the default social image, with an optional override for key content

Framer supports CMS variables in dynamic metadata. Configure the template once, then test several items to confirm every page produces something unique and useful.

Plan internal links as part of the model

A CMS item shouldn't become an island.

Connect content through author pages, category pages, related articles, relevant services, relevant case studies, previous and next content where useful, and links inside the article body.

Automatic related content helps, but relevance matters more than filling three card slots. Let editors choose the key relationships when the conversion or learning path matters.

Plan index pages that expose content to people and crawlers. A CMS can hold 500 articles while the live site only links to the newest twelve. That's a very common way to lose search traffic without noticing.

Design the editing experience

The CMS interface is part of the product. Field order, names, instructions, defaults, and required values decide whether editors use it correctly.

Put fields in the sequence editors need them. Use plain names. Explain unusual fields. Don't make people paste the same information twice.

A practical order for an article: status and title, then slug and summary, then main content, then images and alt text, then author and category, then dates and relationships, then SEO and social fields.

Document the publishing checklist next to the CMS, not in a handover file nobody opens.

Plan status and ownership

Framer's CMS includes content statuses and supports content editor roles. The workflow itself is still yours to define.

Decide who can draft, who reviews facts and links, who approves brand and legal copy, who publishes, who updates old content, and how urgent corrections get handled.

If formal approvals and audit history are central, test whether Framer's workflow is enough or whether planning and review should happen in another tool before content enters Framer.

Prepare for localization

Localization multiplies CMS states. Every text field, image, metadata value, and relationship may need review per market.

Before adding languages, identify which collections are global, decide which items appear in each locale, define fallback behavior, translate slugs where appropriate, include alt text and metadata in scope, test relationships inside each locale, and assign reviewers.

A required source field doesn't guarantee a complete translated field. Design visible fallback states and a review process for missing content.

Test edge cases before scale

Build a small test set: a very long title, a one word title, no hero image, a portrait and a landscape image, no author photo, several categories, no related content, a long rich text article, an old article with an updated date, an unpublished item, and a second language with longer text.

Review list pages, detail templates, metadata, sharing previews, mobile layouts, and empty states. Fix the model before importing the archive.

Know when the CMS is becoming the constraint

The Framer CMS is well suited to structured website content, and paid extensions let Pro sites grow beyond the included limits. Capacity isn't the only test.

Consider a dedicated CMS or custom content layer when you need very large or deeply related datasets, complex approval workflows, detailed role permissions, content shared across several products, advanced search and faceted filtering, translation management across many channels, or custom APIs and editorial automation.

Framer can still be the design and presentation layer in that setup. Choose it because the operation needs it, not because a bigger system sounds more serious.

A compact CMS planning checklist

Before production, confirm every collection has one clear purpose, every field has a stable meaning, shared entities are stored once, taxonomy rules are documented, URL patterns are approved, SEO fallbacks are configured, content is reachable through internal links, editors understand ownership and status, localization behavior is defined, edge cases work on every breakpoint, and the plan supports expected growth.

My recommendation

The best Framer CMS isn't the one with the most collections or fields. It's the one an editor can understand without asking the designer what each input does.

Model the real content, keep relationships intentional, protect URL stability, and test the difficult entries early. A few hours of structure work before production saves months of cleanup once the site grows. I've done the cleanup. The hours are cheaper.

If the site includes several markets, connect this to the localization cost and workflow guide. Before publishing, run every template through the SEO launch checklist.

FAQs

How many CMS collections does Framer include?

Currently two on Basic and ten on Pro, with paid extensions on Pro. Check current pricing before planning.

Should authors and categories be separate collections?

Usually, if they need reusable data, their own pages, metadata, images, or relationships. A tiny fixed set can be simpler as a field on the article.

Should SEO title and article title be separate?

Use a fallback. The article title populates the SEO title by default, with an optional override when search display needs something shorter or more specific.

Can Framer CMS handle a large blog?

It handles many professional content sites. Check item and collection limits, relationships, editor workflow, search, localization, and publishing needs rather than judging by article count alone.

When should I design the CMS?

Before designing every template and before importing content. Test the model with real entries, then refine fields and presentation together.

Build a Framer content system that grows with the website

I'll audit your content, define collections and relationships, plan templates and metadata, and turn the structure into an editor friendly Framer build. The goal is a CMS that stays clear once launch content turns into a real publishing operation.