Learn about Pantheon's decoupled architecture with Front-End Sites.Discuss in our Forum Discuss in Slack
Front-End Sites on Pantheon allow you to use decoupled architecture to separate your frontend and backend into distinct entities.
Pantheon Front-End Sites are available for Early Access participants. Features for Pantheon Front-End Sites are in active development. Pantheon's development team is rolling out new functionality often while this product is in Early Access. To learn how you can enroll in our Early Access program, visit https://pantheon.io/features/decoupled-cms. Please review Pantheon's Software Evaluation Licensing Terms for more information about access to our software.
What is a Decoupled Site?
A traditional content management system (CMS) like Drupal or WordPress is hosted and served with the website every time a request for a page is made. A traditional CMS bundles the backend and frontend into a single application.
Decoupling is the process of separating the content system or services. By decoupling the services needed to operate a site, each component can be worked on independently, minimizing site interruptions and failures, and providing a more efficient and smoother WebOps experience.
What is a Front-End Site?
Pantheon Front-End Sites provide users with tools that improve the experience of building a decoupled frontend that sources data from a CMS backend.
Front-End Sites allows a CMS site to be linked to a single site, multiple sites, or you can link directly to a frontend application without a CMS.
- WordPress and Gatsby
- WordPress and Next.js
- Drupal and Next.js
- Direct import with no CMS
You can also start with a clean set up and connect your site account to an existing Git repository.
Not what you're looking for?
Check out the Front-End Sites landing page to access all documentation for Front-End Sites.
Front-End Sites Benefits
Pantheon's Front-End Sites:
- Optimizes the frontend solution for multiple sites.
- Manages frontend scalability independently.
- Makes your code easier to understand and maintain.
- Allows you to customize your tool selection at each layer of the system, which can't be done with most monolithic platforms.
- Improves testability and reliability.
Terms to know for Pantheon Front-End Sites
In the context of our Decoupled Product, a CMS site is a Content Management System configured to work with decoupled sites.
A decoupled site is a frontend application hosted at Pantheon. It can reference a connected CMS site at Pantheon, an external site, or exist as an independent application.
Next.js is a free and open source web application framework based on React.js, Node.js, and webpack and Babel.js for building server-side rendered and/or static web applications using React.
Gatsby is an open source static site generator built on Node.js using React and GraphQL. It provides over 2,500 plugins to create static sites based on sources such as Markdown documents, MDX, images, and numerous Content Management Systems such as WordPress, Drupal, and more.
GraphQL is an open source data query and manipulation language for APIs, and a runtime for fulfilling queries with existing data.
Static Site Generation (SSG)
Server-side Rendering (SSR)
Server-side Rendering is a content rendering method in which each web page is served to a site visitor at runtime, meaning that a portion of the build process happens on each page request.