Various hints for developing Sitecore with headless CMS using Next.js SDK are introduced as individual topics. Please refer to the list here.
Prepare the environment
- Sitecore Headless - Next.js Evaluation Environment
- Sitecore Headless - Add Next.js staging
- Sitecore Headless - Change to Sitecore First
Running the sample code
- Separate navigation
- Creating Hero Area Components (Part 1)
- Creating components for the Hero area (Part 2)
- Create component
- Component Creation and Template Linkage - Text
- Component Creation and Template Linkage - Images
- Component Creation and Template Linkage - Date and Number
- Component Creation and Template Linkage - Linked Fields
- Component Creation and Template Linkage - Checkbox
- Component Creation and Template Linkage - Content List
- Component Creation and Template Linkage - File
- Placeholder Creation
- Creating Root Items
Tips Series
- Setup Google Tag Manager in Next.js
- Applying Tailwind CSS to the Next.js sample
- Switch to multilingual site content
Build a Sample Site Series
- Sitecore JSS - Building a sample site using Next.js SDK - Part.1
- Sitecore JSS - Building a sample site using Next.js SDK - Part.2
- Sitecore JSS - Building a sample site using Next.js SDK - Part.3
- Sitecore JSS - Building a sample site using Next.js SDK - Part.4
- Building a site with Sitecore Headless and Next.js - Building a Vercel environment