next.config.js

/** @type {import('next').NextConfig} */
const nextConfig = {
    async headers() {
        return [{
            source: "/:path*",
            headers: [
                // Allow for specific domains to have access or * for all
                {
                    key: "Access-Control-Allow-Origin",
                    value: "*",
                    // DOES NOT WORK
                    // value: process.env.ALLOWED_ORIGIN,
                },
                // Allows for specific methods accepted
                {
                    key: "Access-Control-Allow-Methods",
                    value: "GET, POST, PUT, DELETE, OPTIONS",
                },
                // Allows for specific headers accepted (These are a few standard ones)
                {
                    key: "Access-Control-Allow-Headers",
                    value: "Content-Type, Authorization",
                },
            ],
        }]
    },

    webpack: (config) => {
        config.resolve.alias.canvas = false; return config
    },

}

module.exports = nextConfig