diff --git a/.gitignore b/.gitignore
index fd3dbb5..a92686d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -10,8 +10,8 @@
 /coverage
 
 # next.js
-/.next/
-/out/
+/.next
+/dist
 
 # production
 /build
diff --git a/next.config.mjs b/next.config.mjs
index 4350313..3182a51 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -1,6 +1,8 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   output: "export",
+  trailingSlash: true,
+  distDir: "dist",
 };
 
 export default nextConfig;
diff --git a/src/app/page.tsx b/src/app/page.tsx
index e5dd40a..1a0f0f3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,6 +1,7 @@
 /* eslint-disable @next/next/no-img-element */
 /* eslint-disable no-irregular-whitespace */
 "use client";
+
 import "react-rangeslider/lib/index.css";
 import "../components/RangeSlider.css";
 import api from "@utils/api";