728x90 NextJs3 NextJS에서 API 디렉토리를 사용할 수 없는 이유 NextJS는 pages/api 디렉토리를 통해 백엔드에 대한 처리를 수행할 수 있다. 하지만 정적으로 배포된 사이트(ex. 블로그 등)에서는 pages/api 등과 같은 동적 로직은 지원되지 않기 때문에 api 디렉토리를 사용할 수 없다. 정적 배포 방법 // package.json // NextJS 13.3 이전 버전 "scripts": { "dev": "next dev", "start": "next start", "lint": "next lint", "build": "next build && next export", // ## 정적 배포 "predeploy": "npm run build", "deploy": "touch out/.nojekyll && gh-pages -d out --dotfiles".. 2023. 5. 1. TypeError: (0 , marked__WEBPACK_IMPORTED_MODULE_7__.default) is not a function TypeError: (0 , marked__WEBPACK_IMPORTED_MODULE_7__.default) is not a function 에러 해결 방법 나의 경우 SSR 데이터를 contextAPI를 통해 패치하려 했으나, 정상적으로 받아올 지 못할때 발생한 오류였다. 로컬 실행 종료 후 재실행하니 정상적으로 데이터를 받아올 수 있었다. 다소 허탈한 해결방안이었지만, SSR을 다루는 페이지의 데이터가 정상적으로 받아와지지 않는 경우, 코드 작성 후 프로그램을 재실행 해보자. 참조 : https://github.com/vercel/next.js/issues/18090 context value is undefined on server with Webpack 5 · Issue #18090 · vercel.. 2023. 3. 18. Nextjs Link와 useRouter의 차이 Link / useRouter 사용법 // Link import Link from "next/link"; export const compo1 = () => { return ( some element ) } // useRouter import { useRouter } from "next/router"; export const compo2 = () => { const router = useRouter() const routeHandler = () => { router.push(url) } return ( some element ) } Nextjs에서 페이지를 전환하기 위해 사용하는 방법으로, Link를 이용하거나 useRouter를 이용해 router.push()와 같이 사용하여 전환해줄 수 있는데, 비슷해.. 2023. 3. 18. 이전 1 다음 728x90
