import { dehydrate, QueryClient } from '@tanstack/react-query';
import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
import Head from 'next/head';
import HoverImageCard from '../components/cards/hover-image-card/hover-image-card';
import PaginationComponentRQ from '../components/pagination/react-query/PaginationComponentRQ';
import { getData } from '../requests/dataRequest';
const Home = () => {
return (
<>
NextJS template
);
};
export async function getStaticProps({ locale }) {
const queryClient = new QueryClient();
await queryClient.prefetchQuery(['randomData', 1], () => getData(1));
return {
props: {
dehydratedState: dehydrate(queryClient),
...(await serverSideTranslations(locale, ['pagination'])),
},
};
}
export default Home;