Get started developing CMS (SaaS)
Your Optimizely Content Management System (SaaS) instances start empty, letting you build your content architecture and presentation layer from the beginning. You can configure and customize content types, properties, and your website structure.
Login
Opti ID provides multiple options for managing user identity and permissions so that you can choose the best fit for your organization.
- Configure Opti ID so that your technical contact can invite and configure permissions for CMS (SaaS) users. See Get started with Opti IDGet started with Opti ID.
- Review the Opti ID system roles for CMS (SaaS)Opti ID system roles for CMS (SaaS). If you want to personalize permission levels, create custom roles.
- Create groups groups in Opti ID to simplify the process of giving multiple users the same level of access.
- Invite usersusers and assign them roles or groups so that they have the appropriate access to each CMS instance.
Plan
Before you create content, administrators and developers need to decide how they plan to use CMS (SaaS).
- Create a CMS (SaaS) architecture design – Plan the configuration of your CMS (SaaS) instance to meet your organization's content management needs. Determine
- the types of content you manage, such as articles, blog posts, products, and so on.
- your target audiences.
- your delivery platforms.
- how your architecture scales.
- how you plan for data security updates.
- Review your instances – Decide how to divide up your production and non-production environments. CMS (SaaS) includes three instances out of the box. Use these instances to separate your production and non-production data. You can choose how to use your instances. See Configure environments.
- Create a content model – Consider how you want to construct your content in CMS (SaaS). Because content can be used with any front end, it is important to architect your content in a platform-agnostic way. Identify the content types needed, including their fields and properties. The content type is the foundation for creating one or many experiences, pages, or block instances. The content type and properties must be mapped to the corresponding rendering to display content to visitors.
- Review CMS (SaaS) user interface documentation – Read the documentation in the Content managers section to learn how the content types, content, and styles you define are reflected in the CMS (SaaS) UI.
- Select a front-end stack – Choose the technologies and tools for the user interface and client-side functionality. You can Host a front end with Optimizely. Optimizely also partnered with Vercel and Netlify, which offer services for hosting the front end of your application.
- Configure a repository – Select a version control system to track changes to your code.
Build
To create applications, developers and content managers define and create content.
- Define content – Developers define the structure of the content based on the content model created during the Plan stage using Content types. For each content type, specify the fields or attributes. Then, define properties for each field and establish relationships between different content types.
- Create content – Content managers use the defined content types to create and manage content. They can add content through the Visual Builder or API calls.
- (Optional) Import data from CMS – If you have an existing CMS instance, you can easily import your data. See Export and import data.
- Configure styles – Design the visual aspects of your experiences. Ensure that you present your content consistently and elegantly across various platforms. Developers can define the styles, and then users can select them. See Display templates (style) and Select styles.
- Configure languages – CMS (SaaS) can deliver content in multiple languages, so you must configure the language options and localization settings for your CMS (SaaS) instance. See Languages.
Render
After you create content, you can use Optimizely Graph to render it to your website, application, or another channel. Optimizely Graph uses GraphQL to provide powerful search and filtering capabilities.
- Develop front-end features – Create the user interface elements and interactive features for the content's presentation. Determine the components needed for your application, such as navigation bars, buttons, forms, modals, and so on.
- Enable full preview – Let Visual Builder automatically update so you can see changes to your app in real-time before they are published. See Enable live preview.
- Configure host names – Host names are part of the application configuration. They ensure that the preview of your apps works correctly and that your links resolve accurately in Optimizely Graph. See Configure an application section of the Applications documentation.
- Deploy your application.
Integrate (optional)
Integrate with Optimizely Data Platform and Optimizely Web Experimentation – Connect your CMS (SaaS) front-end application with Optimizely tools for data analytics and A/B testing. See the Next.js Optimizely One toolkit GitHub repository for react components (both client and server) to integrate Optimizely Web Experimentation and Optimizely Data Platform.