next js 으로 프로젝트 생성해서 vercel 배포하기 (git 설정법)

next js 으로 초기에 프로젝트 설정하고 그것을 github에 올리고, vercel 배포하는 과정까지 정리하겠다. 

1. 터미널에서 next js 프로젝트 설치

npx create-next-app@latest

 

다음에 나오는 사항들 적절하게 설정하기 ,

nextjs app router 사용하는 기준, project name만 정하고 나머지 다 디폴트값으로하기

 

What is your project named? my-app
Would you like to use TypeScript? No / Yes
Would you like to use ESLint? No / Yes
Would you like to use Tailwind CSS? No / Yes
Would you like your code inside a `src/` directory? No / Yes
Would you like to use App Router? (recommended) No / Yes
Would you like to use Turbopack for `next dev`?  No / Yes
Would you like to customize the import alias (`@/*` by default)? No / Yes
What import alias would you like configured? @/*

 

2. github 에 프로젝트 만들어서 연결하기

git remote add origin https://github.com/~~.git
git branch -M main
git push -u origin main

로 git 원격 설정하기

*기존 연결이 있을 경우 git 연결 삭제,

git remote rm origin