[WIP] CRA to Next (Q1-Q2 roadmap)

.eslintignore

@@ -1,2 +1,3 @@
 src/ServiceWorker.ts
 /node_modules
+next.config.js

.eslintrc.js

@@ -39,5 +39,9 @@ module.exports = {
   rules: {
     '@typescript-eslint/dot-notation': 0,
     'no-plusplus': 0,
+    // suppress errors for missing 'import React' in files
+    'react/react-in-jsx-scope': 'off',
+    // allow jsx syntax in js files (for next.js project)
+    'react/jsx-filename-extension': [1, { extensions: ['.ts', '.tsx'] }],
   },
 }

.gitignore

@@ -19,6 +19,7 @@
 .env.test.local
 .env.production.local
 .env
+.next
 
 npm-debug.log*
 yarn-debug.log*

next-env.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="next" />
+/// <reference types="next/types/global" />

next.config.js

@@ -0,0 +1,51 @@
+const withPlugins = require('next-compose-plugins');
+const withImages = require('next-images')
+const withTranspile = require('next-transpile-modules');
+// const withTs = require('next-typescript')
+// module.exports.withImages = withImages;
+// module.exports.withTranspile = withTranspile;
+module.exports = withPlugins(
+  [
+    [withTranspile,
+      {
+        resolveSymlinks: true,
+        transpileModules: ["ol"],
+
+      },
+    ],
+    withImages,
+    {
+      webpack(config, options) {
+        const { dir, defaultLoaders } = options
+        config.resolve.extensions.push('.ts', '.tsx')
+        config.module.rules.push({
+          test: /\\.+(ts|tsx)$/,
+          include: [dir], 
+          exclude: /node_modules/,
+          use: [
+            defaultLoaders.babel,
+            { loader: 'ts-loader', options: { transpileOnly: true } }
+          ]
+        })
+        config.node= {
+          // Some libraries import Node modules but don't use them in the browser.
+          // Tell Webpack to provide empty mocks for them so importing them works.
+          ...config.node,
+          fs: 'empty',
+          child_process : 'empty',
+          net : 'empty',
+          tls: 'empty',
+        }
+        return config
+      }
+    },
+
+  ],
+  { 
+    env: {
+     //setup environmnet variables here or seperate file
+    }
+  }
+
+
+)