space mine

SEO(검색엔진) 최적화에 있어서도 404에러 페이지를 커스텀 하는 것이 좋다고 한다. 그래서 Next.js 에서 404에러 페이지를 커스텀 할 수 있는 방법을 찾아보았다. pages 폴더 하위에 404.js(or 404.ts) 파일을 만들어 해당 파일에 404 에러 페이지 커스텀을 해주면 된다. (404 페이지에서 데이터를 사용해야한다면 getStaticProps를 사용할 것을 권장한다.) // pages/404.js export default function Custom404() { return 404 - Page Not Found } 404 외에도 401, 402, 500, 503 등 다양한 HTTP 에러가 존재하는데 500.js(or 500.ts)로 각각의 에러 페이지를 커스텀할 수 있지만, //..

1. styled components 를 설치해준다 yarn add styled-components yarn add babel-plugin-styled-components 2. 설치 완료 후 root 디렉터리에 .babelrc 파일 설정 추가 { "presets": ["next/babel"], "plugins": [ [ "styled-components", { "ssr": true } ] ] } 3. pages 폴더 하위에 _document.js 파일을 추가 import React, { ReactElement } from "react"; import Document, { DocumentInitialProps, DocumentContext, Html, Main, NextScript, Head, } from..