Merge pull request #155 from jirum-alarm/feature/153/mypage-speed

[feature] 홈 화면에서 로그인 페이지 프리패칭 추가

src/app/(home)/page.tsx

@@ -7,7 +7,7 @@ export default async function Home() {
       <main>
         <div className="mx-auto max-w-screen-lg">
           <div className="px-5">
-            <NavBar></NavBar>
+            <NavBar />
             <ProductList />
           </div>
         </div>

src/components/Navbar.tsx

@@ -5,7 +5,7 @@ import { Alert, Logo, My } from '@/components/common/icons';
 import { QueryMe } from '../graphql/auth';
 import { User } from '../types/user';
 import { useQuery } from '@apollo/client';
-import { IS_DEV } from '@/constants/env';
+import { IS_VERCEL_PRD } from '@/constants/env';
 import { QueryUnreadNotificationsCount } from '@/graphql/notification';
 import { UnreadNotificationsCount } from '@/graphql/interface';
 
@@ -17,7 +17,7 @@ export default function NavBar() {
   const { data } = useQuery<{ me: User }>(QueryMe);
   const unreadNotificationsCount = useQuery<{ unreadNotificationsCount: UnreadNotificationsCount }>(
     QueryUnreadNotificationsCount,
-    { skip: !IS_DEV || !data?.me },
+    { skip: IS_VERCEL_PRD || !data?.me },
   );
 
   return (
@@ -32,15 +32,15 @@ export default function NavBar() {
           </Link>
           <div className="w-3/12" />
           <div className="flex w-3/12 justify-end gap-x-3">
-            {IS_DEV && data?.me && (
+            {!IS_VERCEL_PRD && data?.me && (
               <Link href={ALARM_PATH} className="relative">
                 {unreadNotificationsCount.data?.unreadNotificationsCount ? (
                   <div className="absolute left-[15.5px] top-[4.6px] h-1.5 w-1.5 animate-fade-in rounded-full bg-error-500"></div>
                 ) : undefined}
                 <Alert />
               </Link>
             )}
-            <Link href={data?.me ? MYPAGE_PATH : LOGIN_PATH}>
+            <Link href={data?.me ? MYPAGE_PATH : LOGIN_PATH} prefetch={true}>
               <My />
             </Link>
           </div>

src/constants/env.ts

@@ -1,2 +1,3 @@
 export const IS_API_MOCKING = process.env.NEXT_PUBLIC_API_MOCKING === 'enable';
-export const IS_DEV = process.env.NODE_ENV === 'development';
+export const IS_VERCEL_PRD =
+  process.env.NEXT_PUBLIC_VERCEL_ENV === 'production' || process.env.VERCEL_ENV === 'production';