Merge pull request #25 from SahilMak/dev

Dev

Author: SahilMak

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "typescript.tsdk": "node_modules\\typescript\\lib"
+}

next.config.js

@@ -1,9 +1,17 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+    env: {
+        NEXT_PUBLIC_FIREBASE_API_KEY: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,
+        NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN,
+        NEXT_PUBLIC_FIREBASE_PROJECT_ID: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID,
+        NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET,
+        NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID,
+        NEXT_PUBLIC_FIREBASE_APP_ID: process.env.NEXT_PUBLIC_FIREBASE_APP_ID
+    },
     images: {
         unoptimized: true,
     },
     output: 'export',
-}
+};
 
-module.exports = nextConfig
+module.exports = nextConfig;

src/app/recipes/page.tsx

@@ -45,7 +45,10 @@ export default function Recipes() {
 							src={ recipe.image }
 							alt={ recipe.name }
 							placeholder="blur"
-							quality={75}
+							height={625}
+							width={500}
+							quality={25}
+							loading="eager"
 							className={styles.image}
 						/>
 						<div className={styles.name}>{ recipe.name }</div>