ODOC ODOC

Next.js에서 빌드 시 useSearchParams() should be wrapped in a suspense boundary at page ~ . Read more : Read more: https://nextjs.org/docs/messages/missing-suspense-with-csr-bailout at a ~ 이런 에러 메시지가 나왔다 next.js 13+ 에서 useSearchParams()는 next/nevigation을 통해 제공되는 훅이라 굳이 React Suspense로 감쌀 필요가 없다는 GPT의 답변이 있었다 하지만 예외적으로 1. 서버 컴포넌트에서 searchParams를 기반으로 데이터 fetch- 서버 컴포넌트 자체가 async라면 Next.js가 내부적으로 Str..

Next.js의 주요 특징1. 파일 기반 라우팅pages 폴더 내부의 파일 이름이 자동으로 URL 경로가 됨예 : pages/about.js ----- /about2. 서버 사이드 렌더링(SSR)서버에서 미리 HTML을 렌더링한 뒤 클라이언트에 전달SEO(Search Engine Optimization) 최적화가 필요할 때 유용3. 정적 사이트 생성(SSG)빌드 시 HTML을 미리 생성하여 정적 파일로 제공빠른 로딩 속도를 제공하며, CDN(Content Delivery Network)에 배포하기 쉬움4. API 라우트pages/api 폴더를 사용하여 백엔드 API를 작성할 수 있음5. CSS 및 스타일링 지원CSS, Sass, Tailwind CSS, Styled-Components 등 다양한 스타일링..