Haramizu.com website has been renewed!
The site had not been updated for a while, but there were some problems with the volume of content and old articles that had been left untouched, so we took a look at renewing the site.
Blog
You can check blog articles order by publish date.
Building a Demo Site with Headless SXA - Part 8 Applying Japanese Resources
We will apply Japanese resources to the container and XM Cloud environment. This procedure was previously introduced in our blog, and this time, we are going to include it again in the steps.
Building a Demo Site with Headless SXA - Part 7 Controlling Page Templates
Now that we have a header and footer, we would like to make this a default page that must be included. The function to achieve this will be Page Design, which we will introduce in this issue.
Building a Demo Site with Headless SXA - Part 6 Creating a Footer, Controlling the Menu
Now that the header has been created, we would like to create the footer area. Since we want the footer to display the main menu items, we will learn how to control the menu as well as how to create the footer.
Building a Demo Site with Headless SXA - Part 5 Changing the Header Style Sheet
I'd like to use a style sheet to give the header a bit more of a look and feel. In this article, we will show you how to use the layout's display components when designing the screen, and how you can adjust them by changing the style sheet.
Building a Demo Site with Headless SXA - Part 4 Creating a Partial Design - Creating Headers Part 3
We have placed three containers and completed the top two, but have not yet implemented the third container. This is prepared for responsive design, where the menu changes according to the size of the screen. Now let's implement the third and final item.
Building a Demo Site with Headless SXA - Part 3 Creating a Partial Design - Creating a Header Part 2
In the last issue, we placed three containers in the header area and changed the background color with respect to two of them. This time, we would like to place the menue items in the container placed at the top.
Building a Demo Site with Headless SXA - Part 2 Creating a Partial Design - Creating Headers Part 1
As the first step in creating a demo site, we will design a header partial. We'll use standard components with slight visual modifications. The process involves running the XM Cloud container locally as the working environment.
Building a Demo Site with Headless SXA - Part 1 Pages, Partial Design, Placeholders
Starting with this issue, we will introduce the basic points of creating a simple page using Headless SXA in several parts. This time, we will cover the basic ideas of partial design and pages, and how to utilize placeholders.
Easily launch Headless SXA in Sitecore 10.3
We've previously detailed how to run Sitecore 10.3 container environments and add SXA locally. To simplify this repetitive process, we've created a repository for easy startup. This guide will introduce how to use the repository to launch the environment.
Add a Next.js project
The headless site we created last time is still just the site core items. In this article, we will add the Next.js project to the site and show how the pages can be edited.
Add a headless site
Continuing from the last project, we'll add a headless site and integrate it with a Next.js project. Since the process is lengthy, this time we'll focus on adding the headless site and serializing its data for reuse.