Next

Next

[Next.js] create-next-app 없이 개발 환경 구축하기

간단한 Todo List를 배포할 일이 생겼는데백엔드 필요 없이 정보 제공 + 24시간용 Todo List만 할거라서next js로 배포하고, 이후에 여력이 된다면 ssl까지 설정한 후에 도메인 바꾸는 것까지 해보려 한다. 프로젝트가 가벼운 대신, 해보지 않았던 것들을 많이 시도해보고자..create-next-app 없이 개발 환경을 구축하는 것부터 시작했다.  1. package.json 생성비어있는 폴더에 package.json을 먼저 생성한다.package.json 파일을 직접 작성할 수도 있고 yarn init으로 CLI를 실행할 수도 있지만yarn init -y 디폴트를 가져가려고 이렇게 했다. package.json{ "name": "my-next-app", "version": "1.0.0..

Next

[Next.js] Next 14, 달라진 점

13으로 개발을 한 지 1년도 채 되지 않았는데, 프로젝트가 끝나자 마자 14가 발표됐다. 출시된 지 몇달 되긴 했지만 이번에 14버전을 사용해서 프로젝트를 진행할 예정이라 달라진 점을 하나씩 살펴봤다. Next.js 13, App Router우선 13으로 넘어오면서 App Router가 등장하게 되면서 라우팅 방식이 완전히 달라졌다.이전에는 라우팅을 위한 파일을 pages 폴더 내부에 생성했다. 내부에 생성한 파일명에 따라 사이트 주소가 설정되던 규칙도 바뀌었다.  Page Router에서 App Router로 바뀌면서 _document, _app이 사라지고 디렉토리 단위로 적용되는 layout 개념이 생겼다.예를 들어 /pages/page.tsx를 만들면 url은 /page로 되었다. 하지만 변경 후..

개미는 뚠뚠 🐜
'Next' 카테고리의 글 목록