Project.log

Next.js 12를 공부하고 프로젝트를 진행하는 중에 2022년 10월26일 Next.js Conf에서 Next.js 13을 발표했습니다. 이제 막 알아가던 중인데 벌써 13이 나오니 당황스럽네요.. 바로 본론으로 가보겠습니다. (위 글은 nextjs.org 공식문서를 번역한 글입니다.) Next.js Conf에서 발표한 바와 같이 Next.js 13은 제한 없이 역동적인 기반을 제공합니다. - app/ 디렉토리(베타): 더 쉽고, 더 빠르고, 더 적은 클라이언트 JS. - 레이아웃 - 리액트 서버 컴포넌트 - 스트리밍 - 터보팩(알파): 최대 700배 빠른 Rust 기반 웹 팩 교체 - 신규 next/image (안정적): 네이티브 브라우저의 느린 로딩으로 고속화. - 신규 @next/font (베타..

Vercel이란? Vercel은 Next.js 에서 공식적으로 제공하는 호스팅 사이트로 빌드+배포+호스팅 서비스를 이용할 수 있습니다. 1. package.json에 deploy추가하기 "scripts": { "dev": "next dev", "build": "next build", "start": "next start" } 배포를 위해 프로젝트의 package.json파일에 scripts부분을 위와 같이 만들어줍니다. (보통은 기본세팅으로 되어있는것 같습니다.) 2. Github에 소스코드 등록하기 먼저 빈 Repository를 만들어줍니다. 프로젝트 폴더로 이동후에 (git init, git add, git commit이 다 되있다는 전제하에) git remote add origin 깃허브reposi..