Merge pull request #75 from vercel/develop

More Performance Changes

.editorconfig

@@ -0,0 +1,23 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+tab_width = 4
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[*.js]
+quote_type = single
+
+[{*.c,*.cc,*.h,*.hh,*.cpp,*.hpp,*.m,*.mm,*.mpp,*.js,*.java,*.go,*.rs,*.php,*.ng,*.jsx,*.ts,*.d,*.cs,*.swift}]
+curly_bracket_next_line = false
+spaces_around_operators = true
+spaces_around_brackets = outside
+# close enough to 1TB
+indent_brace_style = K&R

components/common/Navbar/Navbar.tsx

@@ -56,7 +56,7 @@ const Navbar: FC = () => {
         </div>
 
         <div className="flex pb-4 lg:px-6 lg:hidden">
-          <Searchbar id="mobileSearch" />
+          <Searchbar id="mobile-search" />
         </div>
       </Container>
     </div>

next.config.js

@@ -1,4 +1,10 @@
-module.exports = {
+
+
+const bundleAnalyzer = require('@next/bundle-analyzer')({
+  enabled: !!process.env.BUNDLE_ANALYZE
+})
+
+module.exports = bundleAnalyzer({
   images: {
     domains: ['cdn11.bigcommerce.com'],
   },
@@ -50,4 +56,4 @@ module.exports = {
       },
     ]
   },
-}
+});

package.json

@@ -4,11 +4,33 @@
   "scripts": {
     "dev": "next dev",
     "build": "next build",
-    "start": "next start"
+    "start": "next start",
+    "analyze": "BUNDLE_ANALYZE=both yarn build",
+    "find:unused": "next-unused"
   },
   "prettier": {
     "semi": false,
     "singleQuote": true
+  },
+    "next-unused": {
+    "alias": {
+      "@lib/*": ["lib/*"],
+      "@assets/*": ["assets/*"],
+      "@config/*": ["config/*"],
+      "@components/*": ["components/*"],
+      "@utils/*": ["utils/*"]
+    },
+    "debug": true,
+    "include": [
+      "components",
+      "lib",
+      "pages"
+    ],
+    "exclude": [
+    ],
+    "entrypoints": [
+      "pages"
+    ]
   },
   "dependencies": {
     "@bigcommerce/storefront-data-hooks": "^1.0.2",
@@ -37,6 +59,7 @@
     "tailwindcss": "^1.9"
   },
   "devDependencies": {
+    "@next/bundle-analyzer": "^10.0.1",
     "@types/bunyan": "^1.8.6",
     "@types/bunyan-prettystream": "^0.1.31",
     "@types/classnames": "^2.2.10",
@@ -46,6 +69,7 @@
     "@types/react": "^16.9.49",
     "bunyan": "^1.8.14",
     "bunyan-prettystream": "^0.1.3",
+    "next-unused": "^0.0.3",
     "postcss-flexbugs-fixes": "^4.2.1",
     "postcss-preset-env": "^6.7.0",
     "prettier": "^2.1.2",

tailwind.config.js

@@ -1,4 +1,7 @@
 module.exports = {
+  future: {
+    purgeLayersByDefault: true,
+  },
   purge: {
     content: [
       './pages/**/*.{js,ts,jsx,tsx}',