How to setup CDN in next js?

1.	How to setup CDN in next js?
Answer» Developers have to follow these steps to setup CDN in Next JS. Example To start, we have to first set up the “assetPrefix” SETTING and configure our CDN origin to support resolve to the DOMAIN that our Next JS is hosted on. const isProd = process.env.NODE_ENV === 'production'; module.exports = { // You may only need to add assetPrefix in the production. assetPrefix: isProd ? 'https://cdn.mydomain.com' : '' }; For a CDN present on a separate domain that you may like assets to be requested with use of CORS aware REQUEST, we have to set a configuration option as FOLLOWING. // next.config.js module.exports = { crossOrigin: 'anonymous' };

Answer»

Developers have to follow these steps to setup CDN in Next JS.

Example

To start, we have to first set up the “assetPrefix” SETTING and configure our CDN origin to support resolve to the DOMAIN that our Next JS is hosted on.

const isProd = process.env.NODE_ENV === 'production';

module.exports = {

// You may only need to add assetPrefix in the production.

assetPrefix: isProd ? 'https://cdn.mydomain.com' : ''

};

For a CDN present on a separate domain that you may like assets to be requested with use of CORS aware REQUEST, we have to set a configuration option as FOLLOWING.

// next.config.js

module.exports = {

crossOrigin: 'anonymous'

};

Discussion