use new next compiler

Author: bmstefanski

.babelrc

@@ -1,5 +1,4 @@
 /// <reference types="next" />
-/// <reference types="next/types/global" />
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited

next-env.d.ts

@@ -12,10 +12,11 @@ module.exports = withBundleAnalyzer({
     deviceSizes: [320, 640, 1080, 1200],
     imageSizes: [64, 128],
   },
+  swcMinify: true,
+  compiler: {
+    styledComponents: true,
+  },
   webpack: (config, { buildId, dev, isServer, defaultLoaders, webpack }) => {
-    if (!dev) {
-      config.plugins.push(new CopyPlugin({ patterns: [{ from: 'posts', to: 'posts' }] }));
-    }
     config.module.rules.push({
       test: /\.svg$/,
       issuer: {

next.config.js

@@ -17,7 +17,7 @@
     "date-fns": "^2.24.0",
     "gray-matter": "^4.0.3",
     "lodash": "^4.17.21",
-    "next": "11.1.3",
+    "next": "12.0.11-canary.15",
     "nextjs-color-mode": "^1.0.4",
     "polished": "^4.1.3",
     "prism-react-renderer": "^1.2.1",

package.json

@@ -25,8 +25,5 @@ export async function getSinglePost(slug: string): Promise<SingleArticle> {
 
 export function getPostsDirectory() {
   let basePath = process.cwd();
-  if (process.env.NODE_ENV === 'production') {
-    basePath = path.join(process.cwd(), '.next/server/chunks');
-  }
   return path.join(basePath, 'posts');
 }