Creating a Tailwind CSS sample site with XM Cloud - Part 6 Applying Tailwind CSS to Next.js
Since the samples provided in the Starter Kit are created using Bootstrap 5, we will rewrite the Next.js samples to use Tailwind CSS.
You can check blog articles order by publish date.
Since the samples provided in the Starter Kit are created using Bootstrap 5, we will rewrite the Next.js samples to use Tailwind CSS.
Items created in Sitecore XM Cloud can be serialized as YAML files using the Sitecore CLI tools. This time, we will use this mechanism to manage site information on GitHub.
In this article, we will create a sample site on XM Cloud. We will also cover which style sheets to use for the site at the end.
I have been wondering how best to handle .env files when introducing Tips on the blog, but I will reflect this since it was introduced in XM Cloud Tutorials #4.
Previous article, I created was running locally Next.js + Auth0 application. This article, I will proceed to deploy it not locally but on Vercel so that you can log in.
This time, we will use the tutorial on adding Auth0 authentication to Next.js to get to the point where we can log in.
When implementing authentication in Next.js, a free Auth0 plan is available for developers. This time, we would like to apply for this free plan so that we can use it for demos, etc.
The web framework used in Sitecore's products is publicly available, and the company provides a package for anyone to use this framework in the form of Sitecore Blok. In this article, we would like to use Sitecore Blok with Next.js.
Previously, we used XM Cloud's project template to create a repository on GitHub, create a branch, and add a new Next.js project. This time, we will deploy this to XM Cloud.
I would like to create a sample using the tips I have been introducing in my blog. This time, we will create the base of a sample that can use Tailwind CSS.
We have been covering XM Cloud on our blog for some time now, and now that the project creation screen has been enhanced, we will once again be creating a CMS with the latest screens.
We had previously introduced Sitecore 10.3 and Headless SXA-enabled Docker images, and now that 10.4 has been released, we have updated the images.