Check the operation of styles available in Pages
We have been able to verify the application of style sheets by component, but there is a style mechanism available in Pages. We will check the behavior with respect to this.
Blog
You can check blog articles order by publish date.
Applying Tailwind CSS Styles to XM Cloud's Starter Kit
The Basic site is working with Bootstrap 5, but for the time being we will check the steps to make it work with Tailwind.css. This will allow us to verify the default behavior. This time we will apply styles.
See how the grids provided by XM Cloud work
We have previously covered a bit about how the Next.js grid used by XM Cloud works, but we have not introduced how it works. This time, I would like to address this issue.
Check XM Cloud's layout process
I would like to briefly discuss how the SDK based on Next.js provided by XM Cloud actually works. This time, we would like to take a look at the layout. This time, we will focus on the layout.
Send email from Next.js projects using Nodemailer
I will create a Next.js project and proceed to implement it in a way that React Email and Nodemailer can work together. We will mainly finish up with a sample of sending an email using the API. The same code will work for both Moosend and Sitecore Send.
Send email with Nodemailer
To send emails created with React Email, which we introduced in the previous article, using Sitecore Send's SMTP Service, we first want to run a simple Nodemailer sample.
Running the React Email sample
This time, we would like to run the React Email sample, which allows you to create emails with React / TypeScript.
Integrate Next.js OpenAI Starter with Azure OpenAI
Up to now, we have been working on the assumption of integration with ChatGPT, but Next.js OpenAI Starter can also be integrated with Azure Open AI. This time, we will verify how to work with Azure Open AI instead of ChatGPT's API key.
Launch Azure Open AI services
In order to use Azure Open AI, it is necessary not only to create it from the Azure administration screen, but also to apply for it so that it can be created. This article is a memo of the procedure to do so.
Integrate Next.js OpenAI Starter sample with Sitecore Search
In the previous article, we extended the data that AI has to work so that chat can respond to the information provided by Json data. This time, we would like to link the data that Sitecore Search has and make it correspond.
Customize Next.js OpenAI Starter
We started the sample and subsequently checked its operation. This time, we will make a simple customization.
Check the operation of Next.js OpenAI Starter
In the previous article, I ran the sample code as is. I would like to confirm the operation by looking at the code included in this sample.