Meson улучшает Джамстэк

Jamstack - это архитектурный подход, который отделяет слой веб-опыта от данных и бизнес-логики, повышая гибкость, масштабируемость, производительность и ремонтопригодность.

Next.js

Чтобы настроить CDN, вы можете задать префикс актива и настроить происхождение CDN на преобразование в домен, на котором размещен Next.js.

Откройте next.config.js и добавьте assetPrefix :

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

module.exports = {
  // Use the CDN in production and localhost for development.
  assetPrefix: isProd ? 'https://pz-xxxxxx.meson.network' : '',
}

Next.js будет автоматически использовать ваш префикс asset для файлов JavaScript и CSS, которые он загружает из пути /_next/ (папка .next/static/).

CDN Support with Asset Prefix - Next.js Docs

Gatsby

Добавление в gatsby-config.js

module.exports = {
  assetPrefix: `https://pz-xxxxxx.meson.network`,
}

Еще один шаг - когда вы создадите это приложение, вам нужно добавить флаг, чтобы Gatsby выбрал эту опцию.

Включить префиксацию для сборок

Вы должны явно включить префиксацию для сборки, добавив флаг --prefix-paths или установив переменную окружения PREFIX_PATHS. Если этот флаг или переменная окружения не указаны, сборка проигнорирует эту опцию и будет собирать содержимое, как если бы оно было размещено на том же домене. Чтобы убедиться, что сборка прошла успешно, выполните одно из следующих действий:

gatsby build --prefix-paths

PREFIX_PATHS=true gatsby build

Adding an Asset Prefix - Gatsby Docs

Webpack

output: {
    publicPath: "https://pz-xxxxxx.meson.network/[fullhash]/",
  },

CDN webpack.config.js - Webpack Docs