Next.js is a React-based framework that provides functionality to enable server-side rendering and static site generation using React.
In sxastarter, the XM Cloud sample, a path definition is added in tsconfig.json for easy specification of frequently used paths. This time, I will use @/ for the path definition, which is my personal preference.
Up until now, we have been using Dynamic Routes to determine the URL of the blog, and we have created the fourth path as a Slug. This time, we will use the date to determine the path as well.
In the last issue, we showed you how to create a Dynamic Route for an individual blog page using an ID. This time, we will make one more improvement and proceed so that the URL paths can be processed using dates and Slug.
We would like to prepare a page for each of the blog posts. In the first part, we will create URLs by using IDs.
Previously, we used the page.tsx file to retrieve the blog title, but we will separate the part that retrieves the blog data and implement it in a way that is easy to reuse.
Next.js includes a mechanism to retrieve and process external data using the fetch function. This time, we would like to use this to retrieve the title of the Blog.
We will create a demo using Next.js as a sample application that works with Content Hub ONE.
In the previous article, we proceeded with a pure Next.js project with the stylesheet used by XM Cloud applied. This time, we will add Storybook to the project.
Before creating components in Headless SXA, we will create another Next.js project, this time in Next.js, so that we can develop components that will work in Next.js.
Up to the last article, we were able to create a template of the target item in XM Cloud and retrieve the sample item in Json data using GraphQL. In the second half of this article, we will make the data viewable via RSS.
In this article, we will show you how to get a list of articles from GraphQL and create an RSS feed for XM Cloud content.
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.
Showing 1 to 12 of 81 results