next js 시작하기

Web/ReactJS

Jaybon 2021. 2. 15. 12:53

타입 스크립트 버전으로 설치

next js (ts 버전) 설치

npx create-next-app 앱이름 --ts
# or
yarn create next-app 앱이름 --typescript

해당 앱폴더로 이동하여

npm dev

#or

yarn dev

tsconfig.json 파일에 아래를 추가

{
  [기타내용],
  "compilerOptions": {
  	[기타내용],
    "baseUrl": ".",
    "paths": {
      "@/*": [
        "./*"
      ]
    }
  },
  [기타내용],
 }

yarn add mobx
또는
npm install --save mobx

.next / node_modules / package-lock.json 을 지우고

yarn install
또는
npm install

한 뒤 실행해본다

📋Next.js 시작하기

next 시작하기

velog.io

next.js 와 typescript를 끼얹어 보자

최근 프론트엔드 생태계는 React, Vue, Angular 이 삼대장이 주류를 이루고 최근 Typescript 또한 각광 받고 있습니다. 저 또한 프론트엔드쪽 일을 자주하는 개발자로써 자연스럽게 이 삼대장 중 React를

noogoonaa.tistory.com

React+Typescript 절대경로 import 설정하기

상대 경로를 사용하면 package 구조가 깊어질 수록 파일 간의 관계를 파악하기 어려워지고, 파일 이동시 귀찮게 경로를 수정해야 합니다. 예시 절대 경로를 사용하면 depth와 상관 없이 일관되고 짧

sumini.dev

타입스크립트에서 절대경로(alias) 사용하기! - chanyeong

개요 요즘 부스트캠프에서 프로젝트를 진행하고 있는데 서버를 타입스크립트로 구현하고 있다. 그런데 설계 과정에서 폴더 및 파일이 나눠지고 import, export하는 과정에서 상대경로를 사용하다

chanyeong.com

[Next] Next js를 사용하여 SSR, CSR 구현

Next.js를 사용하면 React에서도 CSR, SSR을 혼합하여 빠른 성능을 구현할 수 있다.

velog.io

Installation · MobX

mobx.js.org