diff --git a/components/Avatar.js b/components/Avatar.js
index 9fdaa52..e7b7924 100644
--- a/components/Avatar.js
+++ b/components/Avatar.js
@@ -1,8 +1,27 @@
 import Image from "next/image";
 
+/**
+ * 
+ * placeholder?: PlaceholderValue;
+    blurDataURL?: string;
+    unoptimized?: boolean;
+ * @param {*} props 
+ * @returns 
+ */
+
 const Avatar = (props) => {
     return <>
-        <Image className={'player-avatar'} src={props.url} width={180} height={180} alt={'Avatar image'} loading='lazy'/>
+        <Image 
+            className={'player-avatar'}
+            src={props.url}
+            width={180}
+            height={180}
+            alt={'Avatar image'}
+            loading='lazy'
+            placeholder="blur"
+            blurDataURL="https://cdn.fascinated.cc/MhCUeHZLsh.webp?raw=true"
+            unoptimized={true}
+        />
     </>
 }
 
diff --git a/package.json b/package.json
index dbbac4e..6d69146 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
   "scripts": {
     "dev": "next dev",
     "build": "next build",
-    "start": "next start -p 3001",
+    "start": "npm i && next build && next start -p 3001",
     "lint": "next lint"
   },
   "dependencies": {