/
next.config.js
119 lines (112 loc) · 3.76 KB
/
next.config.js
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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
const withPlugins = require("next-compose-plugins");
const path = require("path");
const withSourceMaps = require('@zeit/next-source-maps')({
devtool: 'hidden-source-map'
});
// Use the SentryWebpack plugin to upload the source maps during build step
const SentryWebpackPlugin = require('@sentry/webpack-plugin')
const {
NEXT_PUBLIC_SENTRY_DSN,
SENTRY_ORG,
SENTRY_PROJECT,
SENTRY_AUTH_TOKEN,
NODE_ENV,
VERCEL_GITHUB_COMMIT_SHA,
DEPLOYMENT_ENV
} = process.env
module.exports = withPlugins([[withSourceMaps]], {
future: { webpack5: true },
// Allow mdx and md files to be pages
pageExtensions: ['jsx', 'js', 'ts', 'tsx', 'mdx', 'md'],
// Allowed domains for image optimization
images: {
domains: ['media.graphassets.com'],
},
async redirects() {
return [
{
source: '/classes-encounters',
destination: '/classes/',
permanent: true,
},
{
source: '/classes-encounters/',
destination: '/classes/',
permanent: true,
},
]
},
webpack(config, options) {
config.resolve.modules.push(path.resolve("./"));
const { dir } = options
config.module.rules.push(
{
test: /\.(graphql|gql)$/,
include: [dir],
exclude: /node_modules/,
use: [
{
loader: 'graphql-tag/loader'
}
]
},
{
test: /\.(png|jpe?g|gif|svg)$/i,
use: [
{
loader: 'file-loader',
options: {
emitFile: false,
},
},
],
}
)
// In `pages/_app.js`, Sentry is imported from @sentry/node. While
// @sentry/browser will run in a Node.js environment, @sentry/node will use
// Node.js-only APIs to catch even more unhandled exceptions.
//
// This works well when Next.js is SSRing your page on a server with
// Node.js, but it is not what we want when your client-side bundle is being
// executed by a browser.
//
// Luckily, Next.js will call this webpack function twice, once for the
// server and once for the client. Read more:
// https://nextjs.org/docs#customizing-webpack-config
//
// So ask Webpack to replace @sentry/node imports with @sentry/browser when
// building the browser's bundle
if (!config.isServer) {
config.resolve.alias['@sentry/node'] = '@sentry/browser'
}
if (process.env.WEBSITE_URL) {
require('./src/utils/sitemap/generate-sitemap')
}
// When all the Sentry configuration env variables are available/configured
// The Sentry webpack plugin gets pushed to the webpack plugins to build
// and upload the source maps to sentry.
// This is an alternative to manually uploading the source maps
// Note: This is disabled in development mode.
if (
NEXT_PUBLIC_SENTRY_DSN &&
SENTRY_ORG &&
SENTRY_PROJECT &&
SENTRY_AUTH_TOKEN &&
DEPLOYMENT_ENV &&
NODE_ENV === 'production'
) {
config.plugins.push(
new SentryWebpackPlugin({
include: '.next',
ignore: ['node_modules'],
urlPrefix: '~/_next',
release: VERCEL_GITHUB_COMMIT_SHA,
deploy: {
env: DEPLOYMENT_ENV,
}
})
)
}
return config;
}
});