As it's already December, we've shared many blog posts this year. To recap and highlight XM Cloud, we are launching a solo Advent Calendar with one post daily about XM Cloud. This session will first review the articles we've covered so far.
XM Cloud Deployment
The necessary steps to launch a website on XM Cloud were as follows.
- Creating an XM Cloud Deploy Project
- The UI of the XM Cloud Deploy tool has been updated.
- Adding sites from the XM Cloud Deploy tool
- Adding a New Web Site to XM Cloud
- Deploying XM Cloud sites on Vercel (updated version)
Creating an environment for development
The following articles were introduced regarding the actual development environment.
- Launching the XM Cloud development environment with Docker
- Connect to GitHub repository
- Connect your local Next.js project to XM Cloud
Build a demo site with Headless SXA
This series is divided into eight parts.
- Building a Demo Site with Headless SXA - Part 1 Pages, Partial Design, Placeholders
- Building a Demo Site with Headless SXA - Part 2 Creating a Partial Design - Creating Headers Part 1
- Building a Demo Site with Headless SXA - Part 3 Creating a Partial Design - Creating a Header Part 2
- Building a Demo Site with Headless SXA - Part 4 Creating a Partial Design - Creating Headers Part 3
- Building a Demo Site with Headless SXA - Part 5 Changing the Header Style Sheet
- Building a Demo Site with Headless SXA - Part 6 Creating a Footer, Controlling the Menu
- Building a Demo Site with Headless SXA - Part 7 Controlling Page Templates
- Building a Demo Site with Headless SXA - Part 8 Applying Japanese Resources
The following articles are also published on Headless SXA
Sitecore CLI
The Sitecore CLI has been introduced several times as follows
- Align cloud and local environments using Sitecore CLI (version 5.2)
- Align cloud and local environments using Sitecore CLI (I'm leaving out some old information.)
Component
Component development is an important part of building a Web site. The following articles have been presented in the past.
- Headless SXA - Adding a new component
- Headless SXA - Using the Component Wizard
- Create components using the code generated by ChatGPT as a reference - Link to YouTube video
Cooperation with other systems
The following are the actual procedures for combining the system with other systems.
- XM Cloud - Enabling the Sitecore Content Hub Connector
- Setting up Google Tag Manager in Next.js - XM Cloud Edition
Summary
It has been a while since I looked over the whole thing and summarized it in a blog post as various Tips, but there are many more I would like to share with you. So I will start this series.