diff --git a/README.md b/README.md
index 3c73926..ec5415f 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,8 @@
 // LOGO OR BANNER GOES HERE
 
 ## Status
-Currently still in development, but main features are already working as intended.  
+Currently still in development, ~~but main features are already working as intended.~~ Preview and download files are not working because of Vercel's limit for serverless function.  Working on a workaround for this.
+
 You can check the demo [here](https://drive.mbaharip.com).
 
 ## What is this?
@@ -51,6 +52,10 @@ I know there are a lot of people selling cheap edu account for Google Drive and
 
 ---
 
+## Known Issues
+- Fetching files from Google Drive API take too much time, it triggers 504 Error on Vercel.
+- Can't download big files, because of Vercel's 10MB limit for serverless function.
+
 ## TODO
 - [x] Navigate through folders
 - [ ] File preview
diff --git a/src/components/File/List.tsx b/src/components/File/List.tsx
index 24dde51..59741fc 100644
--- a/src/components/File/List.tsx
+++ b/src/components/File/List.tsx
@@ -41,7 +41,13 @@ function CopyButton({ url, isFolder }: { url: string; isFolder: boolean }) {
     </button>
   );
 }
-function DownloadButton({ fileId }: { fileId: string }) {
+function DownloadButton({
+  fileId,
+  fileName,
+}: {
+  fileId: string;
+  fileName: string;
+}) {
   return (
     <button
       className={"p-2"}
@@ -49,7 +55,7 @@ function DownloadButton({ fileId }: { fileId: string }) {
         e.preventDefault();
         e.stopPropagation();
 
-        window.open(`/api/files/${fileId}/download`, "_self");
+        window.open(`/download/${fileId}/${fileName}`, "_self");
         toast.info("Downloading file...");
       }}
     >
@@ -90,7 +96,12 @@ export default function ListFile({ data }: Props) {
           url={isFolder ? `/folder/${data.id}` : `/file/${data.id}`}
           isFolder={isFolder}
         />
-        {isFolder ? null : <DownloadButton fileId={data.id as string} />}
+        {isFolder ? null : (
+          <DownloadButton
+            fileId={data.id as string}
+            fileName={data.name as string}
+          />
+        )}
       </div>
     </Link>
   );
diff --git a/src/pages/api/experimental/[path].ts b/src/pages/api/experimental/[path].ts
new file mode 100644
index 0000000..7726d0b
--- /dev/null
+++ b/src/pages/api/experimental/[path].ts
@@ -0,0 +1,67 @@
+import { NextApiRequest, NextApiResponse } from "next";
+import drive from "@utils/driveClient";
+
+export default async function handler(
+  request: NextApiRequest,
+  response: NextApiResponse,
+) {
+  try {
+    const _start = Date.now();
+    const { path } = request.query;
+    const id = path as string;
+
+    const promiseFolderContents = drive.files.list({
+      q: `'${id}' in parents and trashed = false and 'me' in owners`,
+      fields: "files(id, name, mimeType, parents), nextPageToken",
+    });
+    const promiseFolderPassword = drive.files.list({
+      q: `'${id}' in parents and trashed = false and name = '.password' and 'me' in owners`,
+      fields: "files(id, name, mimeType, parents)",
+    });
+    const promisedFolderReadme = drive.files.list({
+      q: `'${id}' in parents and trashed = false and name = 'README.md' and 'me' in owners`,
+      fields: "files(id, name, mimeType, parents)",
+    });
+
+    const [folderContents, folderPassword, folderReadme] = await Promise.all([
+      promiseFolderContents,
+      promiseFolderPassword,
+      promisedFolderReadme,
+    ]);
+
+    const isPasswordProtected = !!folderPassword.data.files?.length;
+    const isReadmeAvailable = !!folderReadme.data.files?.length;
+    const folderList =
+      folderContents.data.files?.filter(
+        (item) => item.mimeType === "application/vnd.google-apps.folder",
+      ) || [];
+    const fileList =
+      folderContents.data.files?.filter(
+        (item) => item.mimeType !== "application/vnd.google-apps.folder",
+      ) || [];
+
+    const _end = Date.now();
+    const payload = {
+      success: true,
+      timestamp: new Date().toISOString(),
+      duration: _end - _start,
+      passwordRequired: isPasswordProtected,
+      passwordValidated: true,
+      protectedId: false,
+      parents: [],
+      files: fileList,
+      folders: folderList,
+      readmeExists: isReadmeAvailable,
+      nextPageToken: folderContents.data.nextPageToken || undefined,
+    };
+
+    return response.status(200).json(payload);
+  } catch (error: any) {
+    console.error(error);
+    return response.status(500).json({
+      success: false,
+      timestamp: new Date().toISOString(),
+      error: error.message,
+    });
+  }
+}
diff --git a/src/pages/api/experimental/files/[id]/index.ts b/src/pages/api/experimental/files/[id]/index.ts
new file mode 100644
index 0000000..3fd0b3f
--- /dev/null
+++ b/src/pages/api/experimental/files/[id]/index.ts
@@ -0,0 +1,82 @@
+import { NextApiRequest, NextApiResponse } from "next";
+import { ErrorResponse, FileResponse, FilesResponse } from "@/types/googleapis";
+import driveClient from "@utils/driveClient";
+
+export default async function handler(
+  request: NextApiRequest,
+  response: NextApiResponse<FileResponse | FilesResponse | ErrorResponse>,
+) {
+  try {
+    const _start = Date.now();
+    const { id, download } = request.query;
+    const authorization = request.headers.authorization?.split(" ")[1] || null;
+
+    const fileMetadata = await driveClient.files.get({
+      fileId: id as string,
+      fields: "id, name, mimeType, webContentLink, size",
+    });
+
+    //     Check if file is not folder, then return the metadata, else return the folder contents
+    if (fileMetadata.data.mimeType !== "application/vnd.google-apps.folder") {
+      const _end = Date.now();
+      const payload: FileResponse = {
+        success: true,
+        timestamp: new Date().toISOString(),
+        passwordRequired: false,
+        passwordValidated: false,
+        protectedId: "",
+        parents: [],
+        file: fileMetadata.data,
+      };
+      response.writeHead(302, {
+        Authorization: `Bearer ya29.a0Ael9sCNmJZOtlE8yeNALh68peuGFpPdPFZ6Yeo000E0Ecbp1baTJOp2so2IJGBv6rw6IfhQzq3PbAIrQPmKD03_TgE_qiZ9gAQPonlGqo_ZLbGvdNotLxevPe2hirBjrBWxqqIX2kLDVeIz9gS9_8q1hCiwJcsQTaCgYKAXUSARASFQF4udJhhPOaDshorTlSfHCotd6TDg0167`,
+      });
+      return response.redirect(fileMetadata.data.webContentLink as string);
+      return response.status(200).json(payload);
+    }
+
+    const folderContents = await driveClient.files.list({
+      q: `'${id}' in parents and trashed = false`,
+      fields: "files(id, name, mimeType, webContentLink, size), nextPageToken",
+    });
+    const _end = Date.now();
+    const payload: FilesResponse = {
+      success: true,
+      timestamp: new Date().toISOString(),
+      passwordRequired: false,
+      passwordValidated: false,
+      protectedId: "",
+      parents: [],
+      files:
+        folderContents.data.files?.filter(
+          (item) => item.mimeType !== "application/vnd.google-apps.folder",
+        ) || [],
+      folders:
+        folderContents.data.files?.filter(
+          (item) => item.mimeType === "application/vnd.google-apps.folder",
+        ) || [],
+      readmeExists: false,
+      nextPageToken: folderContents.data.nextPageToken || "",
+    };
+    return response.status(200).json(payload);
+  } catch (error: any) {
+    let payload: ErrorResponse = {
+      success: false,
+      timestamp: new Date().toISOString(),
+      code: error.code || 500,
+      errors: {
+        message: error.message || "Internal Server Error",
+        reason: error.reason || "internalError",
+      },
+    };
+    if (error satisfies ErrorResponse) {
+      payload.errors.message =
+        error.errors?.[0].message || error.message || "Unknown error";
+      payload.errors.reason =
+        error.errors?.[0].reason || error.cause || "internalError";
+
+      return response.status(error.code || 500).json(payload);
+    }
+    return response.status(error.code || 500).json(payload);
+  }
+}
diff --git a/src/pages/api/experimental/pathEncryptionHelper.ts b/src/pages/api/experimental/pathEncryptionHelper.ts
new file mode 100644
index 0000000..5449230
--- /dev/null
+++ b/src/pages/api/experimental/pathEncryptionHelper.ts
@@ -0,0 +1,17 @@
+import crypto from "node:crypto";
+
+const iv = crypto.randomBytes(16);
+const key = "thisisa16bytekey";
+export function encryptString(plainText: string): string {
+  const cipher = crypto.createCipheriv("aes-128-cbc", key, iv);
+  let cipherText = cipher.update(plainText, "utf8", "hex");
+  cipherText += cipher.final("hex");
+  return cipherText;
+}
+
+export function decryptString(chiperText: string): string {
+  const decipher = crypto.createDecipheriv("aes-128-cbc", key, iv);
+  let plainText = decipher.update(chiperText, "hex", "utf8");
+  plainText += decipher.final("utf8");
+  return plainText;
+}
diff --git a/src/pages/api/files/[id]/index.ts b/src/pages/api/files/[id]/index.ts
index 7cb7b7e..7b1719d 100644
--- a/src/pages/api/files/[id]/index.ts
+++ b/src/pages/api/files/[id]/index.ts
@@ -14,6 +14,7 @@ export default async function handler(
   response: NextApiResponse<FilesResponse | FileResponse | ErrorResponse>,
 ) {
   try {
+    const _start = Date.now();
     const { id } = request.query;
     const { authorization } = request.headers;
     const hash = authorization?.split(" ")[1] || null;
@@ -112,6 +113,7 @@ export default async function handler(
           (file) => file.mimeType !== "application/vnd.google-apps.folder",
         ) || [];
 
+      const _end = Date.now();
       const payload: FilesResponse = {
         success: true,
         timestamp: new Date().toISOString(),
@@ -128,6 +130,7 @@ export default async function handler(
       return response.status(200).json(payload);
     }
 
+    const _end = Date.now();
     const payload: FileResponse = {
       success: true,
       timestamp: new Date().toISOString(),
diff --git a/src/utils/driveClient.ts b/src/utils/driveClient.ts
index e0feda2..38e083d 100644
--- a/src/utils/driveClient.ts
+++ b/src/utils/driveClient.ts
@@ -20,6 +20,14 @@ class DriveClient {
     );
     oauth2Client.setCredentials({ refresh_token: this.decryptedRefreshToken });
     this.instance = google.drive({ version: "v3", auth: oauth2Client });
+    oauth2Client.on("tokens", (tokens) => {
+      if (tokens.refresh_token) {
+        console.log("Refresh: ", tokens.refresh_token);
+      }
+      if (tokens.access_token) {
+        console.log("Access: ", tokens.access_token);
+      }
+    });
   }
 
   getInstance() {
@@ -32,6 +40,7 @@ class DriveClient {
         refresh_token: process.env.REFRESH_TOKEN,
       });
       this.instance = google.drive({ version: "v3", auth: oauth2Client });
+      console.log(oauth2Client.credentials.access_token);
     }
     return this.instance;
   }