Creating a headless frontend project has some challenges. One of them is API communication with an API that is on another domain. With Nuxt you can use the 'server' functionality to create your own BFF (backend for frontend).

Nuxt3 has a feature to setup server routes in your nuxt application. See https://nuxt.com/docs/guide/directory-structure/server for documentation. By using this approach, the API request is coming from the same domain as the frontend, which has alot of upside:

• Prevents CORS issues
• Actual API domain is not exposed
• Transform raw API data to what you like

In the .env file of your nuxt project, you can add a property like 'API_PATH'. This setting can be used in al the API routes in the /server folder. By using a .env var, you can easily switch from API domain with one configuration.