Feat(API): Change API Endpoint and Image Optimization

.env.vault

@@ -0,0 +1,12 @@
+#################################################################################
+#                                                                               #
+#          This file uniquely identifies your project in dotenv-vault.          #
+#               You SHOULD commit this file to source control.                  #
+#                                                                               #
+#                    Generated with 'npx dotenv-vault new'                      #
+#                                                                               #
+#                 Learn more at https://dotenv.org/env-vault                    #
+#                                                                               #
+#################################################################################
+
+DOTENV_VAULT=vlt_b490c5f0f8d25c3e41046a711f6ce5e378238df467c447a8d8664131d9bcea07

.gitignore

@@ -34,3 +34,8 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+.env*
+.flaskenv*
+!.env.project
+!.env.vault

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "dotenv.enableAutocloaking": false
+}

pages/index.tsx

@@ -232,12 +232,12 @@ const Home: NextPage<dataFetchProps> = ({ experiences, projects }) => {
           <div className="w-full mt-0 mb-10 md:w-2/5 md:mt-0 md:mb-0">
             <Image
               loader={({ src }) => src}
-              src="https://res.cloudinary.com/ikram20/image/upload/v1664545689/portfolio/ikram_aentyz.jpg"
+              src="https://res.cloudinary.com/ikram20/image/upload/f_auto,q_auto/portfolio/ikram_aentyz.jpg"
               alt="Ikram Maulana"
               width={1440}
               height={1370}
               className="rb-lazy rounded-lg shadow-2xl object-cover"
-              unoptimized
+              unoptimized={true}
             />
             <noscript />
           </div>

utils/index.ts

@@ -2,9 +2,7 @@ import axios from "axios";
 
 export async function getAllExperiences() {
   try {
-    const response = await axios.get(
-      "https://api.ikrammaulana.vercel.app/experiences"
-    );
+    const response = await axios.get(`${process.env.API_URL}/experiences`);
     return response.data;
   } catch (error) {
     throw error;
@@ -13,9 +11,7 @@ export async function getAllExperiences() {
 
 export async function getAllProjects() {
   try {
-    const response = await axios.get(
-      "https://api.ikrammaulana.vercel.app/projects"
-    );
+    const response = await axios.get(`${process.env.API_URL}/projects`);
     return response.data;
   } catch (error) {
     throw error;