api call ssr landing + latest product + ...

src/app/layout.tsx

@@ -4,6 +4,8 @@ import "../../public/css/fontiran.css";
 import 'swiper/css';
 import QueryProvider from "@/config/QueryProvider";
 import ToastContainer from "@/components/Toast";
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
+
 
 export const metadata: Metadata = {
   title: "Create Next App",
@@ -21,6 +23,7 @@ export default function RootLayout({
         <QueryProvider>
           {children}
           <ToastContainer />
+          <ReactQueryDevtools initialIsOpen={false} />
         </QueryProvider>
       </body>
     </html>