Troubleshooting during XMCloud Setup

 I faced below issues during XMCloud  setup. You may face the same, please refer solutions.

Problem 1: Connection issue with GraphQL.

error - FetchError: request to https://edge.sitecorecloud.io/api/graphql/v1 failed, reason: connect ETIMEDOUT 2606:4700:91b3:c4eb:e83b:421:f8c7:3c32:443

    at ClientRequest.<anonymous> (E:\Projects\HeadlessDemo\XMCloudDemo\src\sxastarter\node_modules\next\dist\compiled\node-fetch\index.js:1:65756)

    at ClientRequest.emit (node:events:513:28)

    at TLSSocket.socketErrorListener (node:_http_client:502:9)

    at TLSSocket.emit (node:events:513:28)

    at emitErrorNT (node:internal/streams/destroy:151:8)

    at emitErrorCloseNT (node:internal/streams/destroy:116:3)

    at process.processTicksAndRejections (node:internal/process/task_queues:82:21) {

  type: 'system',

  errno: 'ETIMEDOUT',

  code: 'ETIMEDOUT',

  page: '/en/_site_XMCloudDemo'

}

Solution:  

Please try to run npm ci command on the Front-end app root directory. That resolved my initial problem. Initially I did npm install instead of npm ci.

Problem 2: CDP key issue

Solution:   As I am doing local setup and I don't need CDP, so I just disabled CDP from CdpPageView in the src\Scripts.tsx file as suggested in different blogs and YouTube videos.