Deploy Next.js App Router app with Auth0 added to Vercel
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.
You can check blog articles order by publish date.
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.
While I was out of the loop with the blog refresh, Sitecore 10.4 has been released. I will leave the detailed information to the release notes, but here are some key points about 10.4.
We have not updated our blog for a while, but today we switched to a new blog style. Here is a reintroduction of the updated points.
In this article, we will focus on a useful feature provided by Sitecore XM / XM Cloud: Rendering Contents Resolvers. Multiple definitions are provided in the rendering definitions, which can be used to efficiently create components.
The sample already in operation at hand uses Tailwind.css, but we would like to go one step further and apply NextUI this time. This is a user interface tool provided by Vercel, which offers Next.js.