diff --git a/.github/workflows/pr-check.yml b/.github/workflows/pr-check.yml
index 20cb768..e497308 100644
--- a/.github/workflows/pr-check.yml
+++ b/.github/workflows/pr-check.yml
@@ -7,6 +7,8 @@ on:
 # Sets the GITHUB_TOKEN permissions to allow deployment to GitHub Pages
 permissions:
   contents: read
+  pages: write
+  id-token: write
 
 # Allow one concurrent deployment
 concurrency:
@@ -28,4 +30,12 @@ jobs:
         run: npm ci
       - name: Build
         run: npm run build
-        
+      - name: Setup Pages
+        uses: actions/configure-pages@v4
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: './dist'
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
diff --git a/src/App.tsx b/src/App.tsx
index 0636f08..2a72162 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,4 +1,3 @@
-
 import './App.css'
 import LoginForm from './Pages/LoginForm/LoginForm';
 import Register from './Pages/register/Register';
@@ -9,7 +8,7 @@ import Users from './Pages/Users';
 
 function App() {
   return (
-    <BrowserRouter basename="/LibraryManagement">
+    <BrowserRouter basename={process.env.PUBLIC_URL}>
     <Routes>
       <Route path="/" element={<LandingPage />} />
       <Route path="/library/login" element={<LoginForm up='library'/>} />