Blog: CodeBase Upload

Author: Gaurav241

.gitignore

@@ -4,7 +4,6 @@
 /node_modules
 /.pnp
 .pnp.js
-.yarn/install-state.gz
 
 # testing
 /coverage
@@ -24,13 +23,18 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.pnpm-debug.log*
 
 # local env files
-.env*.local
+.env
 
 # vercel
 .vercel
 
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+# ide settings
+.vscode
+.idea

.prettierignore

@@ -0,0 +1,2 @@
+.next
+node_modules

.prettierrc

@@ -0,0 +1,13 @@
+{
+  "singleQuote": true,
+  "plugins": [
+    "@trivago/prettier-plugin-sort-imports",
+    "prettier-plugin-tailwindcss"
+  ],
+  "importOrder": [
+    "^next$|^react$|^react/(.*)|^next/(.*)",
+    "<THIRD_PARTY_MODULES>",
+    "@/(.*)|^[./]"
+  ],
+  "importOrderSeparation": true
+}

next.config.mjs

@@ -1,4 +1,34 @@
+import withPlaiceholder from '@plaiceholder/next';
+
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+  images: {
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: 'www.notion.so',
+      },
+      {
+        protocol: 'https',
+        hostname: 's3-us-west-2.amazonaws.com',
+      },
+    ],
+  },
+  // suppress keyv warning
+  webpack: (config, { webpack }) => {
+    config.plugins.push(
+      new webpack.ContextReplacementPlugin(/\/keyv\//, (data) => {
+        delete data.dependencies[0].critical;
+        return data;
+      })
+    );
+    return config;
+  },
+  webpack: (config, { buildId, dev, isServer, defaultLoaders, webpack }) => {
+    config.resolve.alias.canvas = false;
+    config.resolve.alias.encoding = false;
+    return config;
+  },
+};
 
-export default nextConfig;
+export default withPlaiceholder(nextConfig);