Next.js SPA example does not run

[snoop244]

Preflight checklist

• I could not find a solution in the existing issues, docs, nor discussions.
• I agree to follow this project's Code of Conduct.
• I have read and am following this repository's Contribution Guidelines.
• I have joined the Ory Community Slack.
• I am signed up to the Ory Security Patch Newsletter.

Ory Network Project

No response

Describe the bug

The Readme on the project seems out of date. For example, it says at the project root to run npm run initialize, which is not a thing. In any event, if you follow the example readme, the project does not run as-is. It gives me this error:

{
  "message": "Network error - this could be related to CORS or an incorrect URL set on the `NEXT_PUBLIC_ORY_SDK_URL` environment variable. Please check out the Ory documentation for more information: https://www.ory.sh/docs/getting-started/local-development"
}

The referenced document in that error message is also inconsistent and does not provide a solution.

The possibility that it is a CORS error seems low because I cloned the whole elements repo, did a clean:build from the root and then tried the examples. I believe I got one or two of the examples to work, but the only one that seems to demonstrate custom styling is the nextjs-spa, so I am keen to get this working.

Reproducing the bug

Follow the Readme in the nextjs-spa example.

Relevant log output

Relevant configuration

Version

0.5.0

On which operating system are you observing this issue?

Linux

In which environment are you deploying?

Ory Network

Additional Context

No response