جدیدترین محصولات
@@ -25,12 +34,14 @@ const NewestProducts: FC = () => {
}}
className="w-full"
>
-
- {Array.from({ length: 5 }).map((_, index) => (
-
-
-
- ))}
+
+ {
+ landing?.results?.latestProducts?.map((product) => (
+
+
+
+ ))
+ }
diff --git a/src/app/home/hooks/useHomeData.ts b/src/app/home/hooks/useHomeData.ts
new file mode 100644
index 0000000..5214fef
--- /dev/null
+++ b/src/app/home/hooks/useHomeData.ts
@@ -0,0 +1,14 @@
+import { useQuery } from "@tanstack/react-query";
+import * as api from "../service/Service";
+
+export const useGetLanding = () => {
+ return useQuery({
+ queryKey: ["landing"],
+ queryFn: api.getLanding,
+ });
+};
+
+export const getLandingQueryOptions = {
+ queryKey: ["landing"],
+ queryFn: api.getLanding,
+};
diff --git a/src/app/home/service/Service.ts b/src/app/home/service/Service.ts
new file mode 100644
index 0000000..f748b52
--- /dev/null
+++ b/src/app/home/service/Service.ts
@@ -0,0 +1,7 @@
+import axios from "@/config/axios";
+import { ILandingResponse } from "@/types/landing.types";
+
+export const getLanding = async (): Promise => {
+ const { data } = await axios.get("/landing");
+ return data;
+};
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 1361b44..d676530 100644
--- a/src/app/layout.tsx
+++ b/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({
{children}
+