builder-template-app/next.config.ts at main · BuilderOSS/builder-template-app · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
import { createVanillaExtractPlugin } from '@vanilla-extract/next-plugin'
import type { NextConfig } from 'next'

const withVanillaExtract = createVanillaExtractPlugin()

const nextConfig: NextConfig = {
  reactStrictMode: true,
  transpilePackages: [
    '@buildeross/constants',
    '@buildeross/hooks',
    '@buildeross/ipfs-service',
    '@buildeross/sdk',
    '@buildeross/types',
    '@buildeross/utils',
    '@buildeross/zord',
    '@buildeross/ui',
    '@buildeross/stores',
    '@buildeross/auction-ui',
    '@buildeross/proposal-ui',
    '@buildeross/dao-ui',
    '@buildeross/create-proposal-ui',
    '@rainbow-me/rainbowkit',
  ],
  experimental: {
    optimizePackageImports: [
      '@rainbow-me/rainbowkit',
      '@buildeross/zord',
      '@buildeross/hooks',
      '@buildeross/ui',
      '@buildeross/sdk',
    ],
  },
  webpack(config, { dev }) {
    config.resolve.fallback = { fs: false, net: false, tls: false }

    config.externals = config.externals || []
    config.externals.push('pino-pretty')

    return {
      ...config,
      // Hot-fix for $RefreshReg issues: https://github.com/vanilla-extract-css/vanilla-extract/issues/679#issuecomment-1402839249
      mode: dev ? 'production' : config.mode,
    }
  },
}

export default withVanillaExtract(nextConfig)