feat: Add favicon and update icon and manifest paths to use file conventions and a consistent BASE_PATH.

.github/workflows/deploy.yml

@@ -67,7 +67,7 @@ jobs:
         env:
           NEXT_PUBLIC_UMAMI_SCRIPT_URL: ${{ secrets.NEXT_PUBLIC_UMAMI_SCRIPT_URL }}
           NEXT_PUBLIC_UMAMI_WEBSITE_ID: ${{ secrets.NEXT_PUBLIC_UMAMI_WEBSITE_ID }}
-          NEXT_PUBLIC_BASE_PATH: /lewisburg-coffee
+          BASE_PATH: /lewisburg-coffee
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:

next.config.js

@@ -7,7 +7,7 @@ import "./src/env.js";
 /** @type {import("next").NextConfig} */
 const config = {
     output: "export",
-    basePath: process.env.NEXT_PUBLIC_BASE_PATH || undefined,
+    basePath: process.env.BASE_PATH || undefined,
     images: {
         unoptimized: true,
     },

src/app/layout.tsx

@@ -10,7 +10,7 @@ import { env } from "~/env";
 export const metadata: Metadata = {
   title: "Lewisburg Coffee Map",
   description: "Interactive map of coffee shops in Lewisburg, PA",
-  icons: [{ rel: "icon", url: "/favicon.ico" }],
+  // icons are automatically handled by file conventions in src/app/
 };
 
 export const viewport: Viewport = {

src/app/manifest.ts

@@ -3,24 +3,20 @@ import { type MetadataRoute } from 'next';
 export const dynamic = 'force-static';
 
 export default function manifest(): MetadataRoute.Manifest {
+    const basePath = process.env.BASE_PATH ?? '';
     return {
         name: 'Lewisburg Coffee Map',
         short_name: 'Coffee Map',
         description: 'Find the best coffee in Lewisburg, PA',
-        start_url: '/',
+        start_url: `${basePath}/`,
         display: 'standalone',
         background_color: '#ffffff',
         theme_color: '#8B4513',
         icons: [
             {
-                src: '/favicon.ico',
+                src: `${basePath}/favicon.ico`,
                 sizes: 'any',
                 type: 'image/x-icon',
-            },
-            {
-                src: '/icon.svg',
-                sizes: 'any',
-                type: 'image/svg+xml',
             }
         ],
     };