Podcast
Questions and Answers
What primary goal does Spire CMS aim to achieve in terms of page editing experience?
What primary goal does Spire CMS aim to achieve in terms of page editing experience?
- Complex CMS data structures
- Improved page editing experience (correct)
- High dependency on developer intervention
- Increased JavaScript load times
Which technology does Spire use as compared to Classic, which is built on Angular.js?
Which technology does Spire use as compared to Classic, which is built on Angular.js?
- Vue.js
- Django
- Svelte
- React/Redux (correct)
What feature allows Spire users to see how a page appears on different devices?
What feature allows Spire users to see how a page appears on different devices?
- Style Guide
- Device preview (correct)
- Centralized content sharing
- Tag filtering
What aspect of Spire CMS helps in organizing content effectively?
What aspect of Spire CMS helps in organizing content effectively?
Which of the following features enables users to compare and restore previous versions of a page?
Which of the following features enables users to compare and restore previous versions of a page?
What improvement does Spire CMS offer in relation to implementation costs compared to other platforms?
What improvement does Spire CMS offer in relation to implementation costs compared to other platforms?
What is the purpose of tags in Spire CMS?
What is the purpose of tags in Spire CMS?
Which feature of Spire CMS allows users to make site-wide styling changes?
Which feature of Spire CMS allows users to make site-wide styling changes?
What does a Compact Header primarily achieve for a website?
What does a Compact Header primarily achieve for a website?
Which framework is mentioned as being React-based and beneficial for developers?
Which framework is mentioned as being React-based and beneficial for developers?
What is a key feature of Server-Side rendering in the context provided?
What is a key feature of Server-Side rendering in the context provided?
What do WCAG 2.0 AA guidelines refer to in the context of developing Spire storefront pages?
What do WCAG 2.0 AA guidelines refer to in the context of developing Spire storefront pages?
What must customers complete to guarantee compliance regarding accessibility?
What must customers complete to guarantee compliance regarding accessibility?
What is one of the significant implications of the end of life announcement for Classic CMS?
What is one of the significant implications of the end of life announcement for Classic CMS?
What is necessary for Cloud customers wishing to transition from Classic to Spire?
What is necessary for Cloud customers wishing to transition from Classic to Spire?
What benefit does the transition from Classic to Spire aim to achieve for existing sites?
What benefit does the transition from Classic to Spire aim to achieve for existing sites?
What will happen to Classic after January 1, 2025?
What will happen to Classic after January 1, 2025?
Which technology is used in Spire CMS that is not used in Classic CMS?
Which technology is used in Spire CMS that is not used in Classic CMS?
Which of the following is true about the server/front-end load for Classic?
Which of the following is true about the server/front-end load for Classic?
What is the main difference in the front-end upgrade model between Classic and Spire?
What is the main difference in the front-end upgrade model between Classic and Spire?
How is widget code implemented differently in Classic and Spire?
How is widget code implemented differently in Classic and Spire?
Which feature allows Spire to have a more flexible styling approach than Classic?
Which feature allows Spire to have a more flexible styling approach than Classic?
What distinguishes the structure of content management between Classic CMS and Spire CMS?
What distinguishes the structure of content management between Classic CMS and Spire CMS?
What type of extensibility do widgets have in Spire compared to Classic?
What type of extensibility do widgets have in Spire compared to Classic?
What command is used to launch Spire with a custom blueprint?
What command is used to launch Spire with a custom blueprint?
What is the purpose of deleting content from the content.Node table in the database?
What is the purpose of deleting content from the content.Node table in the database?
Which file is essential for specifying the version of the base code in a containerized environment?
Which file is essential for specifying the version of the base code in a containerized environment?
What do you need to do in the Project Initiation Form to ensure access to Spire?
What do you need to do in the Project Initiation Form to ensure access to Spire?
What is the default URL for API requests when launching Spire?
What is the default URL for API requests when launching Spire?
Which environment is NOT provisioned and maintained by Optimizely?
Which environment is NOT provisioned and maintained by Optimizely?
When do site pages get automatically generated for the first time?
When do site pages get automatically generated for the first time?
What should be done in Rider/WebStorm to see ESLint errors?
What should be done in Rider/WebStorm to see ESLint errors?
What build process is used for larger widgets in the context of Spire projects?
What build process is used for larger widgets in the context of Spire projects?
Which feature is NOT supported by smaller, more granular widgets?
Which feature is NOT supported by smaller, more granular widgets?
What is required to access the Spire CMS after completing the Developer Setup?
What is required to access the Spire CMS after completing the Developer Setup?
What responsibility does the implementation team have in starting a Spire project?
What responsibility does the implementation team have in starting a Spire project?
Which of the following is true regarding accessibility for larger widgets?
Which of the following is true regarding accessibility for larger widgets?
What is the primary purpose of the README.md file after Developer Setup?
What is the primary purpose of the README.md file after Developer Setup?
Which of the following statements is true about the responsive preview in smaller widgets?
Which of the following statements is true about the responsive preview in smaller widgets?
Which technology is primarily used for deploying Configured Commerce websites to the cloud?
Which technology is primarily used for deploying Configured Commerce websites to the cloud?
Flashcards
Spire CMS
Spire CMS
A Configured Commerce CMS developed by Optimizely, offering improved upgradability, composable commerce, and enhanced page editing.
Classic CMS
Classic CMS
Optimizely's older CMS, built on Angular.js, now reaching end-of-life.
Composable Commerce Pages
Composable Commerce Pages
Commerce pages in Spire CMS that can be customized and combined for unique site designs.
Widget
Widget
Signup and view all the flashcards
API
API
Signup and view all the flashcards
End of Life (EOL)
End of Life (EOL)
Signup and view all the flashcards
Classic CMS EOL
Classic CMS EOL
Signup and view all the flashcards
Spire-based sites
Spire-based sites
Signup and view all the flashcards
On-premises customers
On-premises customers
Signup and view all the flashcards
v5.1 SDK
v5.1 SDK
Signup and view all the flashcards
GitHub account
GitHub account
Signup and view all the flashcards
FrontEnd setup
FrontEnd setup
Signup and view all the flashcards
npm install
npm install
Signup and view all the flashcards
npm run start
npm run start
Signup and view all the flashcards
Signup and view all the flashcards
Project initiation form
Project initiation form
Signup and view all the flashcards
VersionInfo.yaml
VersionInfo.yaml
Signup and view all the flashcards
Sandbox/Production environments
Sandbox/Production environments
Signup and view all the flashcards
Server-side rendering
Server-side rendering
Signup and view all the flashcards
Core Web Vitals
Core Web Vitals
Signup and view all the flashcards
Accessibility improvements
Accessibility improvements
Signup and view all the flashcards
Shared content
Shared content
Signup and view all the flashcards
Study Notes
Spire CMS: Key Features and Benefits
- Spire CMS is a CMS and reference site created by Optimizely for Configured Commerce.
- It offers features like improved upgradability, composable commerce pages, a simplified data structure, and enhanced page editing experience.
- Spire is built on React/Redux, allowing for better performance and a lower learning curve compared to Classic, built on Angular.js.
- Both Classic and Spire use widgets to construct pages and APIs to retrieve data.
- Benefits of Spire:
- Updated column design for flexible page layout and widget organization.
- Configurable widgets with options like multi-select for table widgets.
- Organized gallery of widgets accessible through a Widget Selection Interface.
- Layout creation for templates on frequently used page types like news or articles.
- Enhanced publishing options including page-specific content for languages and context, page restoration, and the ability to add and remove tags.
- Device preview for mobile, tablet, and desktop views.
- Style Guide for site-wide styling changes with configurations and revert options.
- Shared content in a central location with filterable tags, replacing Website Hierarchy from Classic.
- Compact Header for a condensed version of the site's header when users scroll down the page.
- Improved SEO through server-side rendering, ensuring search engine crawlers see the same content as users.
- Core Web Vitals improvements for higher Google scores.
- Accessibility improvements during development to simplify certification.
- Support for both Classic and Spire allows customers to implement Spire-based sites on the same instance as their Classic-based sites.
End of Life for Classic CMS
- Optimizely has announced the end of life for Classic CMS, impacting only customers using Classic, not those using Spire.
- Configured Commerce customers can implement Spire-based sites on the same instance as their existing Classic-based sites.
- On-premises customers can utilize Spire with the v5.1 SDK release in January 2022.
- Three-year end-of-life plan:
- 2022 (Year One): Continue adding new features to Classic.
- 2023 & 2024 (Years Two & Three): Only provide bug and security fixes to Classic.
- January 1, 2025: End of life for Classic. No further base code changes will be made.
Feature Parity Between Classic and Spire
- While there are differences in feature implementation, both Classic and Spire support the same Configured Commerce feature sets.
- Feature comparison table:
- Classic CMS vs Spire CMS in terms of technology, front-end upgrade model, styling approach, structure by website, server/front-end load, widget construction, widget code, widget extensibility, widget sizing, single-page application support, support for extensions, build process, hot module replacement, SEO page, accessibility, and responsive preview.
Getting Started with a Spire Project
- Starting a Spire project is similar to starting a Configured Commerce project with Classic CMS, with a few changes.
- Development work is the responsibility of the Implementation Team.
- Setup and configuration: Multiple data points are needed, including a GitHub account name for the project.
- Front end setup:
- Install node/npm.
- Run
npm installfrom /FrontEnd. - Use Visual Studio Code or Rider/WebStorm for development.
- Launching Spire:
- Run
npm run startfrom /FrontEnd. - Access Spire at http://localhost:3000.
- API requests are forwarded to http://commerce.local.com, which can be changed in /FrontEnd/config/settings.js.
- Launch Spire with a custom blueprint: Create blueprints in Spire and run
npm run start {customBlueprintName}.
- Run
- Site generation: Pages are automatically generated on the first server request or can be forced via an SQL statement.
- Project initiation form: Use the online form to capture data points for provisioning Configured Commerce in the Cloud environment.
- Upgrade base code: Update the versionInfo.yaml file in the Extensions repo to update the base code version.
- Deployment and environments: Optimizely provisions Sandbox and Production environments.
Studying That Suits You
Use AI to generate personalized quizzes and flashcards to suit your learning preferences.
Related Documents
Description
Explore the key features and advantages of Spire CMS, a modern content management system developed by Optimizely. Discover its improved upgradability, simplified data structure, and enhanced page editing experience compared to classic solutions. Learn how Spire's architecture, built on React/Redux, offers better performance and a lower learning curve.
