SSR
-
냅다 시작하는 리액트 쿼리 (SSR편)React.js & Next.js 2022. 12. 31. 21:05
$ npx create-next-app test --typescript $ yarn add @tanstack/react-query _app.tsx import React from 'react'; import type { AppProps } from 'next/app'; import { Hydrate, QueryClient, QueryClientProvider } from '@tanstack/react-query'; function MyApp({ Component, pageProps }: AppProps) { const [queryClient] = React.useState(() => new QueryClient()); return ( ); } export default MyApp; hydration에 대..
-
Next.js - SSR, getServerSideProps 적용하기React.js & Next.js 2022. 9. 18. 20:30
Data Fetching: getServerSideProps | Next.js Data Fetching: getServerSideProps | Next.js Fetch data on each request with `getServerSideProps`. nextjs.org 정의 getServerSideProps 라는 함수를 한 페이지 내부에서 export할 경우, Next.js는 getServerSideProps 에 의해 반환되는 각 페이지 별 요청에 따른 데이터를 pre-render 할 것입니다. export async function getServerSideProps(context) { return { props: {}, // will be passed to the page component as p..