Vercel Preview Links break when moving from NextJS v13 to v14

[swarnava (Swarnava Sengupta)]

Hey,

You can create NEXT_PUBLIC_WEBSITE_URL and use $VERCEL_URL to point them. We have a community post that you can refer:

Create a WEBSITE_URL env variable for all environments

Overview When deploying a Next.js application on Vercel, you may need to access your website url in code to craft URLs and links to your apps for various needs. Use cases: Create a magic login link and send it via email Crafting a webhook URL to be called by an external API Configuring OAuth in all environments Testing Open Graph in all environments Create absolute URLs for various application needs Add canonical URLs The URL requirements are usually: It must be available in server (Route…