개발/Next3 Next.js middleware 에서 이전페이지 주소 확인 후 요청 처리 시나리오 외부에서 들어온 요청 중 url 이 A 인 경우에만 특정 처리를 해주려고 한다. 이 때 next 의 미들웨어에서 이전 url 을 확인하고, 이전 url 이 A 와 일치하는지 확인하려고 한다. 방법 next의 전역 middleware 에서 req.headers.get('referer') 를 사용하면 요청을 보낸 url 을 확인할 수 있다. middleware 란? Next.js에서 전역 미들웨어를 사용할 경우, 애플리케이션 전체에서 공통으로 적용되며 모든 페이지에 영향을 줍니다. 제가 사용한 전역 middleware 의 경우 애플리케이션이 실행될 때 가장 처음으로 실행되어서 apps 이전에 실행되는 곳입니다. import { NextResponse } from 'next/server' import.. 2023. 12. 11. Next + React + typescript 프로젝트 생성 명령어 오랜만에 프로젝트를 생성해봤는데 역시 한번에 생성되지 않네요! 1. 프로젝트 생성 명령어 타입스크립트 안쓰면 app 까지만 입력. npx create-next-app --typescript 2. 오류 아래와 같이 노드 버전 오류가 남. error next@14.0.2: The engine "node" is incompatible with this module. Expected version ">=18.17.0". Got "18.8.0" error Found incompatible module. 3. 아래 명령어 순서대로 입력 npm install -g n npm cache clean -f sudo n stable 명령어 실행 후 다시 1의 프로젝트 생성 명령어 입력했더니 성공적으로 프로젝트 생성할수 있었.. 2023. 11. 11. [Next] Try building your app with 'next build' before starting the production server. ✔ 문제 앱 생성 후 실행시키면 아래와 같은 오류 발생 Try building your app with 'next build' before starting the production server. 하지만 next build 를 입력하면 아래와 같은 다른 오류 발생 command not found: next ✔ 해결방법 npm run build -> npm run start 하면 성공적으로 실행된다. 참고 https://stackoverflow.com/questions/50947389/nextjs-cannot-find-a-valid-build-in-the-next-directory 2022. 12. 30. 이전 1 다음
