Incorporate classnames package and do some general cleanup

.eslintrc.json

@@ -1,3 +1,14 @@
 {
-  "extends": ["next/core-web-vitals", "next/typescript"]
+  "extends": [
+    "next/core-web-vitals",
+    "next/typescript",
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:@typescript-eslint/recommended",
+    "prettier"
+  ],
+  "plugins": ["react", "@typescript-eslint"],
+  "rules": {
+    "react/react-in-jsx-scope": "off"
+  }
 }

.github/workflows/lighthouse.yml

@@ -30,7 +30,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v3
         with:
-          node-version: "18"
+          node-version: '18'
           cache: ${{ steps.detect-package-manager.outputs.manager }}
       - name: Setup Pages
         uses: actions/configure-pages@v2
@@ -61,7 +61,7 @@ jobs:
       - name: Audit URLs using Lighthouse
         uses: treosh/lighthouse-ci-action@v9
         with:
-          configPath: "./lighthouserc.yml"
+          configPath: './lighthouserc.yml'
           uploadArtifacts: false # save results as an action artifacts
           temporaryPublicStorage: false # upload lighthouse report to the temporary storage
 

.github/workflows/pages.yml

@@ -7,7 +7,7 @@ name: Deploy Next.js site to Pages
 on:
   # Runs on pushes targeting the default branch
   push:
-    branches: ["main"]
+    branches: ['main']
 
   # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
@@ -20,7 +20,7 @@ permissions:
 
 # Allow one concurrent deployment
 concurrency:
-  group: "pages"
+  group: 'pages'
   cancel-in-progress: true
 
 jobs:
@@ -50,7 +50,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v3
         with:
-          node-version: "18"
+          node-version: '18'
           cache: ${{ steps.detect-package-manager.outputs.manager }}
       - name: Setup Pages
         uses: actions/configure-pages@v2

.prettierrc

@@ -1 +1,8 @@
-{}
+{
+  "semi": true,
+  "trailingComma": "all",
+  "singleQuote": true,
+  "printWidth": 80,
+  "tabWidth": 2,
+  "plugins": ["prettier-plugin-tailwindcss"]
+}

akamai-loader.js

@@ -1,4 +1,4 @@
-const normalizeSrc = (src) => (src[0] === "/" ? src.slice(1) : src);
+const normalizeSrc = (src) => (src[0] === '/' ? src.slice(1) : src);
 export default function akamaiLoader({ src, width, quality }) {
-  return "/" + normalizeSrc(src) + "?imwidth=" + width;
+  return '/' + normalizeSrc(src) + '?imwidth=' + width;
 }

lighthouserc.yml

@@ -1,6 +1,6 @@
 ci:
   collect:
-    staticDistDir: "./out"
+    staticDistDir: './out'
   assert:
     assertions:
       categories:accessibility: [error, { minScore: 1 }]

next.config.js

@@ -1,20 +1,20 @@
-const path = require("path");
+const path = require('path');
 
 /**
  * @type {import('next').NextConfig}
  */
 const nextConfig = {
-  output: "export",
+  output: 'export',
   reactStrictMode: true,
   swcMinify: true,
   images: {
-    loader: "custom",
-    loaderFile: "./akamai-loader.js",
+    loader: 'custom',
+    loaderFile: './akamai-loader.js',
   },
-  basePath: "/dibbs-site",
-  assetPrefix: "/dibbs-site",
+  basePath: '/dibbs-site',
+  assetPrefix: '/dibbs-site',
   sassOptions: {
-    includePaths: [path.join(__dirname, "styles")],
+    includePaths: [path.join(__dirname, 'styles')],
   },
 };