Skip to main content

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

Post a Comment

Popular posts from this blog

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' > '...
Post a Comment
Read more

How to Add Sitecore's NuGet Repository To Visual Studio

Sitecore maintains its NuGet repository at https://sitecore.myget.org/gallery/sc-packages . To include Sitecore packages in Visual Studio , you must add this repository to your package sources. Step-by-step instructions: 1. Launch Visual Studio. 2. Open the " Tools " menu and select " Options ." 3. In the left navigation tree, find " NuGet Package Manager ," then choose " Package Sources. " 4. Click the plus icon located at the top-right corner. 5. In the dialog, you can define the name and source for the new package source. 6. Assign a Name, like " Sitecore NuGet ," for identification. 7. For Source, input the URL: https://sitecore.myget.org/F/sc-packages/api/v3/index.json . Thanks for Reading !
Post a Comment
Read more

Troubleshooting Sitecore 10.3 XP Headless SXA Next.js : Handling No component rendering/Missing 'sxa-header' Placeholder in Partial Designs

The issue I encountered In my scenario, I created a partial design named " Header " which generated a Signature " header " and a Placeholder Item  named "Header" with the Placeholder Key " sxa-header ".  I integrated partial design into the  page design , and linked this page design to my  home  page. However, when I tried to access my home page in the Experience Editor, I observed that no components were rendering. Note : When creating a partial design, it should automatically generate the associated placeholder items. These items will bear placeholder keys prefixed with "sxa," resulting in names like "sxa-<<signature name>>." Cause The value in the Layout service configuration within the site settings (sxa-jss) does not align with the layoutServiceConfiguration value in Sitecore.JavaScriptServices.Apps.config (jss). To verify both the values please follow below steps: Navigate to /sitecore/content/[Tenant Name...
Post a Comment
Read more