기록하는 개발자

nextJs에서 자동으로 생성되는 파일 중 next.config.js 가 있다. 이 파일에서는 redirects와 rewrites 를 작성할 수 있다. redirects React에서 Router 작성 시 사용했던 Navigate 태그와 유사하다고 생각된다. Source URL을 원하는 Destination URL로 간단하게 Redirect 할 수 있다. const nextConfig = { reactStrictMode: true, async redirects() { return [ { // source로 이동하면 destination으로 가도록 source: "/about/*", destination: "/", permanent: false, }, { // token이 false일 때 "/"로 이동하면..

Page 기반 Routing React 로 처음 개발을 할 때 보통 component 작성 후 router를 만들고 시작한다. nextjs를 처음 배웠을 때 제일 놀라고 편했던 것 router를 작성하지 않아도 된다는 것이다.. nextJs의 기본 폴더 구조이다. pages안에 index.js가 "/" 의 위치이다. npm run dev를 하고 3000 port에서 서버가 열리면 "http://localhost:3000/"에서 index.js를 볼 수 있다. page 폴더 아래 여러 폴더 및 파일을 생성해보았다. index.js(tsx)와 동일한 경로에 있는 genre.tsx는 "/genre" 즉, "http://localhost:3000/genre" 로 이동 시 표시되는 컴포넌트 이다. client-s..