diff --git a/__test__/index.test.tsx b/__test__/index.test.tsx
index 73c27e9..fb0a81b 100644
--- a/__test__/index.test.tsx
+++ b/__test__/index.test.tsx
@@ -2,7 +2,7 @@ import { render, screen } from "@testing-library/react";
 
 import { RecoilRoot } from "recoil";
 
-import PageLanding from "@/pages/index";
+import PageLanding from "src/pages/index";
 
 describe("PageLanding", () => {
   it("renders PageLanding unchanged", () => {
diff --git a/__test__/login.test.tsx b/__test__/login.test.tsx
index b37b1e4..d6b6165 100644
--- a/__test__/login.test.tsx
+++ b/__test__/login.test.tsx
@@ -2,7 +2,7 @@ import { render, screen } from "@testing-library/react";
 
 import { RecoilRoot } from "recoil";
 
-import Login from "@/pages/login";
+import Login from "src/pages/login";
 
 jest.mock("next/router", () => ({
   useRouter() {
diff --git a/pages/_app.tsx b/pages/_app.tsx
deleted file mode 100644
index 0873055..0000000
--- a/pages/_app.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import type { AppProps } from "next/app";
-import { RecoilRoot } from "recoil";
-
-import { ThemeProvider, CssBaseline, Divider } from "@mui/material";
-
-import { isMobile } from "react-device-detect";
-
-import MobileDefense from "src/components/modal/MobileDefense";
-import ModalGlobal from "src/components/modal/ModalGlobal";
-import NavBar from "src/components/Navbar";
-import theme from "src/utils/theme";
-import "../public/fonts/style.css";
-
-export default function App({ Component, pageProps }: AppProps) {
-  return (
-    <ThemeProvider theme={theme}>
-      <RecoilRoot>
-        <CssBaseline />
-        {isMobile ? (
-          <MobileDefense />
-        ) : (
-          <>
-            <ModalGlobal />
-            <NavBar />
-            <Divider />
-            <Component {...pageProps} />
-          </>
-        )}
-      </RecoilRoot>
-    </ThemeProvider>
-  );
-}
diff --git a/pages/[space]/[repository]/index.tsx b/src/pages/[space]/[repository]/index.tsx
similarity index 100%
rename from pages/[space]/[repository]/index.tsx
rename to src/pages/[space]/[repository]/index.tsx
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
new file mode 100644
index 0000000..03394ef
--- /dev/null
+++ b/src/pages/_app.tsx
@@ -0,0 +1,37 @@
+import type { AppProps } from "next/app";
+import { RecoilRoot } from "recoil";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+
+import { ThemeProvider, CssBaseline, Divider } from "@mui/material";
+
+import { isMobile } from "react-device-detect";
+
+import MobileDefense from "src/components/modal/MobileDefense";
+import ModalGlobal from "src/components/modal/ModalGlobal";
+import NavBar from "src/components/Navbar";
+import theme from "src/utils/theme";
+import "../public/fonts/style.css";
+
+const queryClient = new QueryClient();
+
+export default function App({ Component, pageProps }: AppProps) {
+  return (
+    <QueryClientProvider client={queryClient}>
+      <ThemeProvider theme={theme}>
+        <RecoilRoot>
+          <CssBaseline />
+          {isMobile ? (
+            <MobileDefense />
+          ) : (
+            <>
+              <ModalGlobal />
+              <NavBar />
+              <Divider />
+              <Component {...pageProps} />
+            </>
+          )}
+        </RecoilRoot>
+      </ThemeProvider>
+    </QueryClientProvider>
+  );
+}
diff --git a/pages/_document.tsx b/src/pages/_document.tsx
similarity index 100%
rename from pages/_document.tsx
rename to src/pages/_document.tsx
diff --git a/pages/api/domain-checker/[repositoryName].ts b/src/pages/api/domain-checker/[repositoryName].ts
similarity index 100%
rename from pages/api/domain-checker/[repositoryName].ts
rename to src/pages/api/domain-checker/[repositoryName].ts
diff --git a/pages/dashboard/index.tsx b/src/pages/dashboard/index.tsx
similarity index 100%
rename from pages/dashboard/index.tsx
rename to src/pages/dashboard/index.tsx
diff --git a/pages/index.tsx b/src/pages/index.tsx
similarity index 100%
rename from pages/index.tsx
rename to src/pages/index.tsx
diff --git a/pages/login/index.tsx b/src/pages/login/index.tsx
similarity index 100%
rename from pages/login/index.tsx
rename to src/pages/login/index.tsx
diff --git a/pages/new/[userName]/[repo]/deploy.tsx b/src/pages/new/[userName]/[repo]/deploy.tsx
similarity index 98%
rename from pages/new/[userName]/[repo]/deploy.tsx
rename to src/pages/new/[userName]/[repo]/deploy.tsx
index 47c3445..35adba7 100644
--- a/pages/new/[userName]/[repo]/deploy.tsx
+++ b/src/pages/new/[userName]/[repo]/deploy.tsx
@@ -22,7 +22,7 @@ import Config from "src/config";
 import isEmpty from "src/utils/isEmpty";
 
 import { UserDeploymentData } from "types/deployment";
-import deployMockData from "../../../../__test__/mock/deployData.json";
+import deployMockData from "../../../../../__test__/mock/deployData.json";
 
 function Deploy() {
   const userDeploymentList =
diff --git a/pages/new/[userName]/[repo]/index.tsx b/src/pages/new/[userName]/[repo]/index.tsx
similarity index 100%
rename from pages/new/[userName]/[repo]/index.tsx
rename to src/pages/new/[userName]/[repo]/index.tsx
diff --git a/pages/new/[userName]/[repo]/preview.tsx b/src/pages/new/[userName]/[repo]/preview.tsx
similarity index 97%
rename from pages/new/[userName]/[repo]/preview.tsx
rename to src/pages/new/[userName]/[repo]/preview.tsx
index 7eac26c..11aeb3e 100644
--- a/pages/new/[userName]/[repo]/preview.tsx
+++ b/src/pages/new/[userName]/[repo]/preview.tsx
@@ -9,7 +9,7 @@ import { BLUE } from "src/constants/colors";
 
 import { userDeploymentsState } from "src/recoil/userDeployments";
 
-import deployMockData from "../../../../__test__/mock/deployData.json";
+import deployMockData from "../../../../../__test__/mock/deployData.json";
 
 function Preview() {
   const deploymentData = useRecoilValue(userDeploymentsState);
diff --git a/pages/new/[userName]/index.tsx b/src/pages/new/[userName]/index.tsx
similarity index 100%
rename from pages/new/[userName]/index.tsx
rename to src/pages/new/[userName]/index.tsx