sjalkote / web-testing Goto Github PK

The linter raises the following warning at 24:17↓

Warning: External synchronous scripts are forbidden.
See: https://nextjs.org/docs/messages/no-sync-scripts @next/next/no-sync-scripts

This is due to a third party script from FontAwesome, which is used for icons such as the rocket icon in the deployment card:

The current method of loading the script could impact the webpage's performance.

As of commit 06f6d00 in web-testing/dev, the deployments button does not have link functionality, though the <a href=""> is present.

The following error is raised when localhost:3000 is used to fetch JSON data in getStaticProps({ params }) and getStaticPaths():

> FetchError: request to http://localhost:3000/projects.json failed, reason: connect ECONNREFUSED 127.0.0.1:3000
    at ClientRequest.<anonymous> (...\web-testing\node_modules\next\dist\compiled\node-fetch\index.js:1:64142)
    at ClientRequest.emit (node:events:390:28)
    at Socket.socketErrorListener (node:_http_client:447:9)
    at Socket.emit (node:events:390:28)
    at emitErrorNT (node:internal/streams/destroy:157:8)
    at emitErrorCloseNT (node:internal/streams/destroy:122:3)
    at processTicksAndRejections (node:internal/process/task_queues:83:21) {
  type: 'system',
  errno: 'ECONNREFUSED',
  code: 'ECONNREFUSED'
}

This is raised because the data source is the server itself, which is offline during build. The data is not being served during build, and as a result the build is unable to retrieve the data for static site generation.

The solution is to implement a reliable (and preferably easy-to-use) data source, like another folder hosted on another server instance, which can be updated by editing the files and rebuilding the Next.js server.