next.config.mjs

/**
 * @typedef {import('next').NextConfig} NextConfig
 * @typedef {Array<((config: NextConfig & any) => NextConfig)>} NextConfigPlugins
 * @typedef {import('webpack').Configuration} WebpackConfiguration
 */

// /** @type {NextConfigPlugins} */
// const plugins = []

// if (process.env['ANALYZE']) {
//   const { default: withBundleAnalyzer } = await import('@next/bundle-analyzer')
//   plugins.push(withBundleAnalyzer({ enabled: true }))
// }

import million from "million/compiler";
import childProcess from "node:child_process";
import { withSentryConfig } from "@sentry/nextjs";

// curl https://api.github.com/repos/ethereumfollowprotocol/app/commits/develop | jq --raw-output '.sha'
const APP_VERSION =
	process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA ||
	childProcess
		.execSync('git rev-parse --short HEAD || echo "no-git"')
		.toString()
		.trim();

console.info(`\nBuilding with app version: ${APP_VERSION}\n`);

/** @type {NextConfig} */
const nextConfig = {
	cleanDistDir: true,
	trailingSlash: false,
	reactStrictMode: true,
	poweredByHeader: false,
	experimental: {
		useLightningcss: true,
	},
	generateBuildId: async () => APP_VERSION,
	env: {
		NEXT_TELEMETRY_DISABLED: "1",
		APP_VERSION,
		APP_VERSION_SHORT: APP_VERSION?.slice(0, 7),
	},
	logging: {
		fetches: { fullUrl: true },
	},
	images: {
		remotePatterns: [
			{
				protocol: "https",
				hostname: "ipfs.io",
				port: "",
				pathname: "/*",
			},
			{
				protocol: "https",
				hostname: "imgur.com",
				port: "",
				pathname: "/*",
			},
			{
				protocol: "https",
				hostname: "i.imgur.com",
				port: "",
				pathname: "/*",
			},
			{
				protocol: "https",
				hostname: "euc.li",
				port: "",
				pathname: "/*",
			},
			{
				protocol: "https",
				hostname: "gateway.pinata.cloud",
				port: "",
				pathname: "/*",
			},
			{
				protocol: "https",
				hostname: "rainbow.mypinata.cloud",
				port: "",
				pathname: "/*",
			},
			{
				protocol: "https",
				hostname: "api.ethfollow.xyz",
				port: "",
				pathname: "/*",
			},
      {
        protocol: "https",
        hostname: "**",
      },
		],
	},
	/** @param {WebpackConfiguration} config */
	webpack: (config, context) => {
		if (config.name === "server" && config.optimization) {
			config.optimization.concatenateModules = false;
		}
		/* WalletConnect x wagmi needed configuration */
		if (config.resolve)
			config.resolve.fallback = { fs: false, net: false, tls: false };
		if (Array.isArray(config.externals)) {
			config.externals.push("lokijs", "pino-pretty", "encoding");
		}
		if (config.plugins) {
			config.plugins.push(
				new context.webpack.IgnorePlugin({
					resourceRegExp: /^(lokijs|pino-pretty|encoding)$/,
				}),
				new context.webpack.NormalModuleReplacementPlugin(
					/node:/,
					(/** @type {{ request: string; }} */ resource) => {
						resource.request = resource.request.replace(/^node:/, "");
					},
				),
			);
		}

		return config;
	},
	redirects: async () => [
		{
			source: "/(twitter|x)",
			destination: "https://x.com/efp",
			permanent: true,
		},
		{
			source: "/github",
			destination: "https://github.com/ethereumfollowprotocol",
			permanent: true,
		},
		{
			source: "/(docs|documentation)",
			destination: "https://docs.ethfollow.xyz/intro",
			permanent: true,
		},
		{
			source: "/(chat|discord)",
			destination: "https://discord.com/invite/ZUyG3mSXFD",
			permanent: true,
		},
	],
	/** @link https://nextjs.org/docs/app/api-reference/next-config-js/headers#options */
	headers: async () => [
		{
			source: "/(.*)",
			headers: [
				{
					key: "X-EFP-App-Version",
					value: APP_VERSION,
				},
				{
					key: "X-DNS-Prefetch-Control",
					value: "on",
				},
				{
					key: "X-Frame-Options",
					value: "SAMEORIGIN",
				},
				{
					key: "X-Content-Type-Options",
					value: "nosniff",
				},
				{
					key: "X-XSS-Protection",
					value: "1; mode=block",
				},
				{
					key: "Referrer-Policy",
					value: "origin-when-cross-origin",
				},
				{
					key: "Feature-Policy",
					value: "geolocation 'none'; microphone 'none'; camera 'none';",
				},
				{
					key: "Permissions-Policy",
					value: "browsing-topics=()",
				},
				{
					key: "Strict-Transport-Security",
					value: "max-age=63072000; includeSubDomains; preload",
				},
			],
		},
	],
};

// https://github.com/getsentry/sentry-webpack-plugin#options
const nextConfigWithSentry = withSentryConfig(nextConfig, {
	authToken: process.env.SENTRY_AUTH_TOKEN,
	org: "efp",
	project: "web",
  // hideSourceMaps: true,
  // silent: process.env['NODE_ENV'] !== 'development'
});

export default process.env.NODE_ENV === "development"
	? nextConfigWithSentry
	: million.next(nextConfigWithSentry, { auto: { rsc: true } });