실제 npm run dev 했을때 어떤 흐름으로 실행되는지 보자.

<aside> 💡

무조건 layout.tsx 가 실행되고 page.tsx가 실행된다.

</aside>

1. 첫번째로는 제일 최상단에있는 layout.tsx가 실행된다. ⇒ children

2. 그리고나서 (root)폴더안에 있는 layout.tsx 가 실행된다. (왜? (root)폴더 하위에는 특정 url로 매칭되는 폴더가 없음 즉 ‘/’로 접근하면 실행되는 것)

   • (root)폴더 안에 있는 layout.tsx에서는

     1. clerk의 auth메서드를 통해 userId가 있는지 확인을 한다.

     2. userId 없으면 sign-in 페이지로 리다이렉트한다.

     3. userId 있으면 userId로 prisma를 통해 이 유저가 상점 정보가 있는지 db를 통해 가져온다.

        // 유저 아이디만 가지고, 상점정보들중 첫번째 녀석을 가져옴
          const store = await prismadb.store.findFirst({
            where: {
              userId,
            },
          });
        

        1. 상점 정보(store)가 있으면 redirect(${store.id})로 리다이렉트 시킨다.
           1. (dashboard)폴더에 하위의 [storeId]폴더 하위의 layout.tsx가 실행된다.
              1. 똑같이 clerk의 auth메서드를 통해 userId가 있는지 확인을 한다.
              2. userId가 없다면, sign-in 페이지로 리다이렉트
              3. userId가 있다면, 최초 root에서 url로 넘긴 params (store.id 로 url에서 받아온)로 부터 storeID를 받아오고 prisma를 통해 특정 id에 대한 상점정보를 받아온다.
              4. store가 없다면, 루트 페이지로 리다이렉트
              5. store가 있다면, 이제 NavBar와 children을 렌더링 해준다! (routes)폴더 하위의 page.tsx를 실행해 준다.
        2. 없으면,

   <aside> 💡 유저가 하나의 상점정보라도 등록해 놓았다면, 해당 상점 dashboard를 렌더링해준다. 만약 하나도 등록이 안되있었다면, 등록 모달을 띄운다.

   </aside>

   데이터베이스 다 날리는 방법

   npx prisma migrate reset
   

   • ✔ Are you sure you want to reset your database? All data will be lost. … yes
   • Database reset successful

   다시 데이터베이스 초기 셋팅

   npx prisma generate
   
   npx prisma db push