diff --git a/front/src/pages/Page404.svelte b/front/src/pages/404.svelte
similarity index 100%
rename from front/src/pages/Page404.svelte
rename to front/src/pages/404.svelte
diff --git a/front/src/pages/Page500.svelte b/front/src/pages/500.svelte
similarity index 100%
rename from front/src/pages/Page500.svelte
rename to front/src/pages/500.svelte
diff --git a/front/src/pages/PageAbout.svelte b/front/src/pages/About.svelte
similarity index 100%
rename from front/src/pages/PageAbout.svelte
rename to front/src/pages/About.svelte
diff --git a/front/src/pages/PageBooking.svelte b/front/src/pages/Booking.svelte
similarity index 100%
rename from front/src/pages/PageBooking.svelte
rename to front/src/pages/Booking.svelte
diff --git a/front/src/pages/PageCart.svelte b/front/src/pages/Cart.svelte
similarity index 100%
rename from front/src/pages/PageCart.svelte
rename to front/src/pages/Cart.svelte
diff --git a/front/src/pages/PageContact.svelte b/front/src/pages/Contact.svelte
similarity index 100%
rename from front/src/pages/PageContact.svelte
rename to front/src/pages/Contact.svelte
diff --git a/front/src/pages/PageIndex.svelte b/front/src/pages/Index.svelte
similarity index 100%
rename from front/src/pages/PageIndex.svelte
rename to front/src/pages/Index.svelte
diff --git a/front/src/pages/PageItem.svelte b/front/src/pages/Item.svelte
similarity index 100%
rename from front/src/pages/PageItem.svelte
rename to front/src/pages/Item.svelte
diff --git a/front/src/pages/PageLoading.svelte b/front/src/pages/Loading.svelte
similarity index 100%
rename from front/src/pages/PageLoading.svelte
rename to front/src/pages/Loading.svelte
diff --git a/front/src/pages/PageMenu.svelte b/front/src/pages/Menu.svelte
similarity index 100%
rename from front/src/pages/PageMenu.svelte
rename to front/src/pages/Menu.svelte
diff --git a/front/src/routes.js b/front/src/routes.js
index 62f894d..740d695 100644
--- a/front/src/routes.js
+++ b/front/src/routes.js
@@ -1,48 +1,48 @@
 import { wrap } from "svelte-spa-router/wrap";
 
-import PageLoading from "./pages/PageLoading.svelte";
-import Page404 from "./pages/Page404.svelte";
-import Page500 from "./pages/Page500.svelte";
+import PageLoading from "./pages/Loading.svelte";
+import Page404 from "./pages/404.svelte";
+import Page500 from "./pages/500.svelte";
 
 const routes = {
     "/": wrap({
-        asyncComponent: () => import("./pages/PageIndex.svelte"),
+        asyncComponent: () => import("./pages/Index.svelte"),
         loadingComponent: PageLoading,
         conditions: [],
         userData: { showNavBar: true, fullWidth: false },
     }),
     "/menu": wrap({
-        asyncComponent: () => import("./pages/PageMenu.svelte"),
+        asyncComponent: () => import("./pages/Menu.svelte"),
         loadingComponent: PageLoading,
         conditions: [],
         userData: { showNavBar: true, fullWidth: true },
     }),
     "/item/:uuid": wrap({
-        asyncComponent: () => import("./pages/PageItem.svelte"),
+        asyncComponent: () => import("./pages/Item.svelte"),
         loadingComponent: PageLoading,
         conditions: [],
         userData: { showNavBar: true, fullWidth: true },
     }),
     "/contact": wrap({
-        asyncComponent: () => import("./pages/PageContact.svelte"),
+        asyncComponent: () => import("./pages/Contact.svelte"),
         loadingComponent: PageLoading,
         conditions: [],
         userData: { showNavBar: true, fullWidth: false },
     }),
     "/about": wrap({
-        asyncComponent: () => import("./pages/PageAbout.svelte"),
+        asyncComponent: () => import("./pages/About.svelte"),
         loadingComponent: PageLoading,
         conditions: [],
         userData: { showNavBar: true, fullWidth: false },
     }),
     "/cart": wrap({
-        asyncComponent: () => import("./pages/PageCart.svelte"),
+        asyncComponent: () => import("./pages/Cart.svelte"),
         loadingComponent: PageLoading,
         conditions: [],
         userData: { showNavBar: true, fullWidth: false },
     }),
     "/booking": wrap({
-        asyncComponent: () => import("./pages/PageBooking.svelte"),
+        asyncComponent: () => import("./pages/Booking.svelte"),
         loadingComponent: PageLoading,
         conditions: [],
         userData: { showNavBar: true, fullWidth: true },
diff --git a/front/tsconfig.json b/front/tsconfig.json
index 4953d2b..405f6e8 100644
--- a/front/tsconfig.json
+++ b/front/tsconfig.json
@@ -1,9 +1,9 @@
 {
   "compilerOptions": {
     "moduleResolution": "bundler",
-    "module": "ES2015",
-    "target": "ES2017",
-    "lib": ["ES2017", "DOM"],
+    "module": "ESNext",
+    "target": "ESNext",
+    "lib": ["ESNext", "DOM"],
     /**
      * svelte-preprocess cannot figure out whether you have
      * a value or a type, so tell TypeScript to enforce using