add commit hash to footer

* closes #5

components/Footer/Footer.module.css

@@ -14,7 +14,7 @@
   justify-content: space-between;
 }
 
-.footer a {
+.footer a:not(.commitHash) {
   color: rgba(var(--foreground-rgb), 0.8);
 }
 

components/Footer/Footer.tsx

@@ -12,18 +12,20 @@ export function Footer() {
         </span>
 
         <p className={styles.social}>
+          <a
+            className={styles.commitHash}
+            href={`${repoUrl}/commit/${process.env.GIT_COMMIT_SHA}`}
+          >
+            {process.env.GIT_COMMIT_SHA?.substring(0, 7)}
+          </a>
           <a href={repoUrl}>
             <GitHubLogoIcon />
           </a>
         </p>
       </div>
-      {/* <div>
+      <div style={{ textAlign: 'right' }}>
-        <p>
+        <p></p>
-          <a href={`${repoUrl}/commit/${process.env.VERCEL_GIT_COMMIT_SHA}`}>
+      </div>
-            {process.env.VERCEL_GIT_COMMIT_SHA?.substring(0, 7)}
-          </a>
-        </p>
-      </div> */}
     </footer>
   )
 }

package.json

@@ -3,8 +3,8 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "export GIT_COMMIT_SHA=$(git rev-parse HEAD) && next dev",
-    "build": "next build",
+    "build": "export GIT_COMMIT_SHA=$(git rev-parse HEAD) && next build",
     "start": "next start",
     "lint": "next lint",
     "typecheck": "tsc --noEmit",