Frontend8 [Next.js] 페이지 상단 레이아웃 생성 이전글 - [Next.js] Next.js 시작하기 #1. create-next-app 으로 프로젝트 생성 nextjs프로젝트의 기본적인 세팅을 간편하게 시작하는 방법은 create-next-app을 사용하는 것입니다. react / react-dom / next 가 함께 설치되며, 간편하게 프로젝트 구조를 잡을 수 있습니다. 설치는 공식 가이드에 나와있는 대로 아래의 명령어를 실행하면 됩니다 : $ npx create-next-app app-test app-test 라는 이름으로 create-next-app을 생성합니다. 설치가 완료되면 아래와 같이 기본적인 nextjs 프로젝트의 구성이 만들어집니다. 이제 생성된 프로젝트를 실행해 봅시다 : $ yarn run dev localhost:3000 으로 .. 2021. 5. 1. [Next.js] Next.js 시작하기 #1. Next.js 란 무엇인가 Next.js는 React 어플리케이션의 서버사이드렌더링(SSR)을 쉽게 구현할 수 있게 도와주는 프레임워크입니다. Netflix, TikTok, Twitch, Nike, Uber, Docker, Elastic, Starbucks 등... 많은 기업형 서비스에서 Next.js를 사용하고 있습니다. 공식 홈페이지에서는 Next.js에 대해 아래와 같이 설명하고 있습니다. An intuitive page-based routing system (with support for dynamic routes) Pre-rendering, both static generation (SSG) and server-side rendering (SSR) are supported on a per.. 2021. 4. 7. 이전 1 2 다음 반응형