added firebase config

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "vardagsmaten-87525"
+  }
+}

.github/workflows/firebase-hosting-merge.yml

@@ -0,0 +1,20 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on merge
+'on':
+  push:
+    branches:
+      - main
+jobs:
+  build_and_deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - run: yarn ci && yarn build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: '${{ secrets.GITHUB_TOKEN }}'
+          firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_VARDAGSMATEN_87525 }}'
+          channelId: live
+          projectId: vardagsmaten-87525

.github/workflows/firebase-hosting-pull-request.yml

@@ -0,0 +1,17 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on PR
+'on': pull_request
+jobs:
+  build_and_preview:
+    if: '${{ github.event.pull_request.head.repo.full_name == github.repository }}'
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - run: yarn ci && yarn build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: '${{ secrets.GITHUB_TOKEN }}'
+          firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_VARDAGSMATEN_87525 }}'
+          projectId: vardagsmaten-87525

firebase.json

@@ -0,0 +1,10 @@
+{
+  "hosting": {
+    "public": "out",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ]
+  }
+}

next.config.js

@@ -1,4 +1,7 @@
 /** @type {import('next').NextConfig} */
 module.exports = {
-  reactStrictMode: true,
-}
+    reactStrictMode: true,
+    images: {
+        loader: "custom",
+    },
+};

src/components/Info.tsx

@@ -4,6 +4,7 @@ import React, { FunctionComponent } from "react";
 import styled from "styled-components";
 import GithubImg from "public/GitHub-Mark-32px.png";
 import LinkedInImg from "public/LI-In-Bug.png";
+import { imageLoader } from "util/imageLoader";
 
 export const Info: FunctionComponent = () => {
     return (
@@ -19,6 +20,7 @@ export const Info: FunctionComponent = () => {
                             src={GithubImg}
                             layout="responsive"
                             objectFit="contain"
+                            loader={imageLoader}
                         />
                     </a>
                 </Link>
@@ -34,6 +36,7 @@ export const Info: FunctionComponent = () => {
                             src={LinkedInImg}
                             layout="responsive"
                             objectFit="contain"
+                            loader={imageLoader}
                         />
                     </a>
                 </Link>

src/components/Recipe.tsx

@@ -6,6 +6,7 @@ import { Links } from "./Links";
 import { TagList } from "./TagList";
 import ReloadIcon from "public/reload-svgrepo-com.svg";
 import Image from "next/image";
+import { imageLoader } from "util/imageLoader";
 
 type Props = {
     weekday: typeof weekdays[number];
@@ -44,6 +45,7 @@ export const Recipe: FunctionComponent<Props> = ({
                                 width={30}
                                 height={30}
                                 objectFit={"fill"}
+                                loader={imageLoader}
                             />
                         </RandomizeButton>
                     </DayOfTheWeekContainer>

src/pages/index.tsx

@@ -1,6 +1,4 @@
 import type { NextPage } from "next";
-import Head from "next/head";
-import Image from "next/image";
 import { RecipeList } from "../components/RecipeList";
 
 const Home: NextPage = () => {

src/util/imageLoader.ts

@@ -0,0 +1,5 @@
+import type { ImageLoader } from "next/image";
+
+export const imageLoader: ImageLoader = ({ src }) => {
+    return src;
+};