Release (#80)

#79 
#78 
#77

.vscode/settings.json

@@ -10,7 +10,7 @@
   "eslint.codeActionsOnSave.mode": "all",
   "eslint.run": "onType",
   "editor.codeActionsOnSave": {
-    "source.fixAll": true
+    "source.fixAll": "explicit"
   },
   "files.associations": {
     "*.css": "tailwindcss"

config/base.next.config.js

@@ -0,0 +1,86 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+const IS_PROD = process.env.NODE_ENV === "production";
+
+// The folders containing files importing twin.macro
+const path = require("path");
+const includedDirs = [path.resolve(__dirname, "../src")];
+
+module.exports = () => ({
+  reactStrictMode: true,
+  swcMinify: true,
+  webpack: (config, options) => {
+    const { dev, isServer } = options;
+    config.module = config.module || {};
+    config.module.rules = config.module.rules || [];
+    config.experiments = {
+      ...config.experiments,
+      topLevelAwait: true,
+    };
+
+    config.module.rules.push({
+      test: /.svg$/,
+      use: [
+        {
+          loader: "@svgr/webpack",
+          options: {
+            svgo: false,
+          },
+        },
+      ],
+    });
+    config.module.rules.push({
+      test: /\.(tsx|ts)$/,
+      include: includedDirs,
+      use: [
+        options.defaultLoaders.babel,
+        {
+          loader: "babel-loader",
+          options: {
+            sourceMaps: dev,
+            presets: [
+              ["@babel/preset-react", { runtime: "automatic", importSource: "@emotion/react" }],
+            ],
+            plugins: [
+              require.resolve("babel-plugin-macros"),
+              [require.resolve("@babel/plugin-syntax-typescript"), { isTSX: true }],
+            ],
+          },
+        },
+      ],
+    });
+
+    if (!isServer) {
+      config.resolve.fallback = {
+        ...(config.resolve.fallback || {}),
+        fs: false,
+        module: false,
+        path: false,
+        os: false,
+        crypto: false,
+      };
+    }
+    return config;
+  },
+  images: {
+    unoptimized: true,
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "**",
+      },
+    ],
+    // Link: https://fe-developers.kakaoent.com/2022/220714-next-image/
+    imageSizes: [64, 256],
+    deviceSizes: [512],
+    contentSecurityPolicy: "default-src 'self'; script-src 'none'; sandbox;",
+  },
+  sentry: {
+    // Use `hidden-source-map` rather than `source-map` as the Webpack `devtool`
+    // for client-side builds. (This will be the default starting in
+    // `@sentry/nextjs` version 8.0.0.) See
+    // https://webpack.js.org/configuration/devtool/ and
+    // https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/#use-hidden-source-map
+    // for more information.
+    hideSourceMaps: IS_PROD,
+  },
+});