diff --git a/src/api/user.api.ts b/src/api/user.api.ts
index 3c4e620..d32a797 100644
--- a/src/api/user.api.ts
+++ b/src/api/user.api.ts
@@ -18,6 +18,10 @@ export async function login(data: LoginInputDto) {
   return axios.post<Token>('/api/users/token', data)
 }
 
+export async function logout() {
+  return axios.delete('/api/users/me/token')
+}
+
 export async function forgetPassword(data: ForgetPasswordInputDto) {
   return axios.patch<Token>('/api/users/password', data)
 }
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 01e7b97..85861a2 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -4,6 +4,7 @@ import Alert from '@mui/material/Alert'
 import Button from '@mui/material/Button'
 import { useRouter } from 'next/router'
 import { DeleteUser } from './components/DeleteUser'
+import * as api from '@/api'
 
 export default function Home() {
   const { user, isLoading, errMsg } = useUser()
@@ -26,7 +27,8 @@ export default function Home() {
     return <Alert severity="error">{errMsg}</Alert>
   }
 
-  function logout() {
+  async function logout() {
+    await api.user.logout()
     localStorage.removeItem('accessToken')
     localStorage.removeItem('refreshToken')
     router.push('/login')