Add headers and footers
This time we will add a header and footer to the Next.js application. No external integration is included this time.
Blog
You can check blog articles order by publish date.
Enable Dark mode for NextUI
You can switch between light and dark modes on the website. I personally use the dark mode. In this article, I will confirm the procedure to implement this in NextUI.
Use NextUI
The sample we have been running so far had no minimal design and only displayed text. In order to make it look a little nicer, we are going to make NextUI available in the project.
Sitecore Search - Localization
Until now, the Search Starter Kit has been used to create the search page, but now it is possible to display the page in Japanese simply by changing a few items. This time, we will translate some items.
Sitecore Seach - Facet Settings
As we have shown in our blog, attributes can be set with JavaScript during crawling. In this article, we will show you how to actually check the facets in action and increase the number of attributes.
Sitecore Search - PDF Handling
Sitecore Search can search for documents in addition to HTML. In this article, we will show you how to target PDF files.
Sitecore Search - Multi-Language Content Import (Part 2)
In the last issue, we proceeded to create URL-based IDs with respect to content. This time, we will remove the locale part and introduce the part where we will use the multilingual crawling functionality.
Sitecore Search - Multi-Language Content Import (Part 1)
You can create a source in the form of a search result on a multilingual site that has information about the different languages of a single piece of content. We will introduce this procedure in two parts.
Check crawl results using Source
By identifying what is causing errors when crawling the site's data, it is possible to identify what is wrong with the site when it fails. In this article, we will show you how to do this.
Sitecore Search - Using JavaScript in the Document Extractor
Let's say you want to specify the type of content on your website. For example, a blog could be set to "blog" and product information could be set to "products. In this article, we will introduce the procedure for processing this part with JavaScript.
Setting up Google Tag Manager in Next.js (App Router)
I would like to set up Google Tag Manager for the Next.js App Router sample I created last time. By using this, we can easily integrate with other Sitecore products as well as analytics.
About Next.js' App Router
In Next.js, the routing mechanism switched to the new App Router in version 13.4. The previous method is now referred to as Page Routing, which remains available, but the App Router will become the standard. This time, we'll review the new App Router.