next.config.js

/* eslint-disable no-param-reassign */
const { withNativebase } = require('@native-base/next-adapter');
const path = require('path');

module.exports = withNativebase({
  dependencies: ['@native-base/icons', 'react-native-web-linear-gradient'],
  nextConfig: {
    webpack: (config) => {
      config.module.rules.push({
        test: /\.ttf$/,
        loader: 'url-loader', // or directly file-loader
        include: path.resolve(__dirname, 'node_modules/@native-base/icons'),
      });
      config.resolve.alias = {
        ...(config.resolve.alias || {}),
        'react-native$': 'react-native-web',
        'react-native-linear-gradient': 'react-native-web-linear-gradient',
      };
      config.resolve.extensions = [
        '.web.js',
        '.web.ts',
        '.web.tsx',
        ...config.resolve.extensions,
      ];
      config.devtool = 'cheap-module-source-map';
      return config;
    },
    images: {
      unoptimized: true,
    },
    eslint: {
      ignoreDuringBuilds: true,
    },
  },
});