📚 [NextJS] 따라해보기 1. 설치환경 만들기

Category: Nextjs | 📅 August 02, 2023

여기 있는 내용을 따라해 보면서 기록해 봄

프로젝트 생성하기

$ npx craete-next-app@latest my-app2 --use-npm --example "https://github.com/vercel/next-learn/tree/master/basics/learn-starter /* my-app2로 프로젝트를 생성함 */
  • –example 을 안쓰면 처음부터 멘붕에 빠질 수 있음. ㅋㅋ

서버 시작하기

$ cd my-app2
$ npm run dev

브라우저에서 http://localhost:3000 입력해보면 아래 그림 짠~

맛보기

/pages/index.js 파일을 열어서 Welcome 문구를 Learn 으로 교체 후, 내용 확인

nextjs 첫화면
[nextjs 첫화면 ]
💭 Reviews
  • 뭐든 시작은 쉬운데 얘는 어렵네 ㅋ
  • 📖 Please Note that...
  • [Create a Next.js App]
  • 🏷️ Tags
  • #nextjs  
  • #NextJS  
  • #Tutorial  
  • #강좌