Merge pull request #96 from Someup/feature/protected-route

protected route 추가

components/auth/auth-provider.tsx

@@ -0,0 +1,33 @@
+'use client';
+import { protectedRoutes } from '@/lib/service/auth/constants';
+import { useUserProfile } from '@/lib/service/user/use-user-service';
+import { usePathname, useRouter } from 'next/navigation';
+import React, { useEffect } from 'react';
+
+const isPrivateRoute = (path: string) => {
+  return protectedRoutes.some((route) => path.startsWith(route));
+};
+
+export default function AuthProvider({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const { data: user, isLoading } = useUserProfile();
+  const path = usePathname();
+  const router = useRouter();
+  const isPrivate = isPrivateRoute(path);
+
+  useEffect(() => {
+    if (isLoading || !isPrivate) return;
+    if (!user) {
+      router.push('/');
+    }
+  }, [user, router, isLoading, isPrivate]);
+
+  if (isPrivate && !user) {
+    return null;
+  }
+
+  return children;
+}

components/utils/Providers.tsx

@@ -1,4 +1,5 @@
 'use client';
+import AuthProvider from '@/components/auth/auth-provider';
 import { Toaster } from '@/components/ui/Toster';
 import {
   isServer,
@@ -49,8 +50,10 @@ export default function Providers({ children }: ProvidersProps) {
 
   return (
     <QueryClientProvider client={queryClient}>
-      <Toaster />
-      {children}
+      <AuthProvider>
+        <Toaster />
+        {children}
+      </AuthProvider>
       <ReactQueryDevtools initialIsOpen={false} />
     </QueryClientProvider>
   );

lib/service/auth/constants.ts

@@ -2,3 +2,5 @@ export const accessTokenConfig = {
   expiration: 60 * 60 * 24, // 1 day
   name: 'accessToken',
 } as const;
+
+export const protectedRoutes = ['/archive', '/posts'] as const;