Troubleshooting Sitecore Headless SXA & Next.js - Error: GraphQL Error (Code: 404)

Checkout my Step by step guide to Establish Headless SXA Tenant, Site and Next.js app with Sitecore XP 10.3

Encountering this error in Sitecore indicates that we haven't configured our domain in IIS with the necessary HTTP or HTTPS settings.

To resolve this issue, follow these steps:

1. Open IIS Manager.

2. Locate your site's domain.

3. Click on "Bindings."

4. Click on Add

5.Add a new binding with type HTTP and the hostname of your site.

6. Press the Windows key + R, type in "iisreset," and then click OK.

7. Open a PowerShell script, navigate to the project directory, and execute "jss start:connected"

8. Now, open your web browser and visit http://localhost:3000; your site should be operational.

Thanks for Reading!!

Comments

Sitecore Interview Questions 2023

1. What Is a CMS? A content management system (CMS) is software that helps users create, manage, and modify content on a website without the need for technical knowledge. 2. What is Sitecore ? Sitecore is a versatile and powerful digital experience platform used by businesses and organizations around the world to create, manage, and personalize their online presence. At its core, Sitecore offers a Content Management System (CMS) that allows users to easily create, edit, and organize digital content for websites, mobile apps, and other online platforms without requiring extensive technical knowledge. However, Sitecore goes beyond traditional CMS capabilities. It's often referred to as a Customer Experience Platform (CXP) due to its ability to not only manage content but also provide tools for personalization, analytics, and marketing automation. This means that with Sitecore, businesses can tailor the online experiences they offer to individual users, gather insights into user beh

Set up Visual Studio MVC Solution for Sitecore development

Prerequisites: Sitecore (I have used Sitecore 10.3 in this example) Visual studio (Visual studio 2019) with Sitecore installed .Net 4.8 Checkout Sitecore compatibility table for Sitecore XP 9.0 and later Set up a Visual Studio project To set up a Visual Studio 2019 project for Sitecore MVC: Open Visual Studio 2019 as an Administrator and click Create a new project In the Create a New Project dialog, add filter C#, Windows ,Web now scroll and Select ASP.NET Web Application and click on Next In the Configure your New Project dialog, write the Project name and make sure to select .Net Framework 4.8 then click on Create . In the Create a new ASP.NET Web Application dialog, select Empty and check MVC then click on Create . Following structure will be created. Delete App_Start folder we will not use it. Copy the Global.asax and Web.config file from the Website folder of the Sitecore installation. Now write click on the solution and click on Open Folder in File Explorer o

Step by step guide to Establish Headless SXA Tenant, Site and Next.js app with Sitecore XP 10.3

Step 1: Prerequisites Installed Sitecore version 10.3 Check out Sitecore XP 10.3 Installation guide Configured an HTTP binding in IIS for your site (e.g., http://demo.dev.local - Next.js requires specific setup to connect to an HTTPS server) Installed Sitecore Powershell Installed Sitecore Headless Services Checkout Headless Services Installation guide Installed SXA 10.3 Successfully populated Solr schema and built necessary indexes Ensured that you are running the latest version of Node Step 2: Create a Headless Tenant Go to the Sitecore Launchpad and click on ' Content Editor' button. To create a Headless Tenant, right-click on the ' sitecore\content ' and then choose ' Insert ' > ' Headless Tenant '. Input the Tenant Name (for eg, 'HeadlessSXATenant'), choose all modules , and then click ' OK '. To create a Headless Site, right-click on ' sitecore\content\HeadlessSXATenant ' and then select ' Insert' > '

Ilma's Sitecore Blog

Search This Blog