• Português (Brasil)

      • Presets

      Shared

      Por padrão, certain Next.js internals são automatically shared para optimize your aplicação. It's important para note esse manually compartilhamento these internals pode lead para erros, as they são já handled for você.

      • next/dynamic
      • next/head
      • next/link
      • next/router
      • next/script
      • react
      • react/
      • react-dom
      • react-dom/
      • styled-jsx
      • styled-jsx/style
      Click to Expand DEFAULT_SHARE_SCOPE:
      export const DEFAULT_SHARE_SCOPE: SharedObject = {
  'next/dynamic': {
    requiredVersion: undefined,
    singleton: true,
    import: undefined,
  },
  'next/head': {
    requiredVersion: undefined,
    singleton: true,
    import: undefined,
  },
  'next/link': {
    requiredVersion: undefined,
    singleton: true,
    import: undefined,
  },
  'next/router': {
    requiredVersion: false,
    singleton: true,
    import: undefined,
  },
  'next/image': {
    requiredVersion: undefined,
    singleton: true,
    import: undefined,
  },
  'next/script': {
    requiredVersion: undefined,
    singleton: true,
    import: undefined,
  },
  react: {
    singleton: true,
    requiredVersion: false,
    import: false,
  },
  'react/': {
    singleton: true,
    requiredVersion: false,
    import: false,
  },
  'react-dom/': {
    singleton: true,
    requiredVersion: false,
    import: false,
  },
  'react-dom': {
    singleton: true,
    requiredVersion: false,
    import: false,
  },
  'react/jsx-dev-runtime': {
    singleton: true,
    requiredVersion: false,
  },
  'react/jsx-runtime': {
    singleton: true,
    requiredVersion: false,
  },
  'styled-jsx': {
    singleton: true,
    import: undefined,
    version: require('styled-jsx/package.json').version,
    requiredVersion: '^' + require('styled-jsx/package.json').version,
  },
  'styled-jsx/style': {
    singleton: true,
    import: false,
    version: require('styled-jsx/package.json').version,
    requiredVersion: '^' + require('styled-jsx/package.json').version,
  },
  'styled-jsx/css': {
    singleton: true,
    import: undefined,
    version: require('styled-jsx/package.json').version,
    requiredVersion: '^' + require('styled-jsx/package.json').version,
  },
};

      Exponha Pages

      Você pode automatically exponha all pages via o plugin

      new NextFederationPlugin({
  name: 'remoteApp',
  filename: '',
  remotes: {},
  exposes: {},
  shared: {},
  extraOptions: {
    exposePages: true
  },
});

      Este vai make pages disponível para importe like:

      • import Page from 'remoteApp/pages/index'
      • import Page from 'remoteApp/pages/shop/product'

      Build Opções

      Public Caminho

      Public Caminho é definir para "auto"

      config.output.publicPath: "auto"

      Target

      Webpack output target é definir para async-node de node

      config.target = "async-node"