반응형 nextjs2 react-query로 SSR 구현하기(with Next.js) react-query는 React 애플리케이션에서 데이터를 가져오고 관리하기 위한 패키지이고 Next.js는 React 기반의 서버 사이드 렌더링 프레임워크로 클라이언트와 서버에서 모두 실행되는 React 애플리케이션을 구축하는데 사용된다 React Query와 Next.js를 같이 사용하면 서버 사이드에서 데이터를 가져와 초기 렌더링 시점에 미리 데이터를 로드하여 초기 로딩 속도를 향상시킬 수 있다 react-query와 Next.js를 같이 사용하는 방법 1. react-query 패키지 설치 npm install react-query 2. Next.js 프로젝트 설정 Next.js 프로젝트의 \_app.js 파일을 열고 QueryClientProvider를 impor한다 QueryClientProv.. 2023. 5. 18. [NextJS] 새 탭에서 링크 열기 코드 테스트버튼 테스트버튼 더보기 참고 https://stackoverflow.com/questions/65632698/how-to-open-a-link-in-a-new-tab-in-nextjs https://stackoverflow.com/questions/67822028/link-to-target-blank-with-next-js 추가로 알면 좋을 것 같은 NextJS Link와 href의 관계 정리한 글 https://github.com/uu29/TIL/blob/main/%5BNextJS%5D%20Link%20%E1%84%90%E1%85%A2%E1%84%80%E1%85%B3%E1%84%8B%E1%85%AA%20href%E1%84%8B%E1%85%B4%20%E1%84%80%E1%85%AA%E1%86%AB%.. 2022. 8. 2. 이전 1 다음 반응형
