Next.js , Graphql | 환경 구성

https://github.com/GyeongSooJung/next_apollo_blog

GitHub - GyeongSooJung/next_apollo_blog

코드는 위 블로그에서 확인 가능

 

1. 설치 방법은 간단하다. node설치 완료 후 ( 게시글 확인 부탁드립니다. ) 아래 명령어를 실행하면 된다.

npx create-next-app nextapp

 

2. 그럼 아래와 같이 파일들이 생성된다.

 

 

Next.js 는 pages 하위에 파일을 생성하면 그 파일이 url주소가 된다는 장점이 있다.

ex) pages/view/Main.js를 만들면 http://www.gsblog.site/view/Main 이런식

 

나같은 경우는 최상위 폴더 밑에 src폴더를 만들고, 쓰이는 component들은 src하위에 만들어줬다.

 

src 하위에 만들어진 파일들은 webpack으로 감싸진다고 한다. 덕분에 개발이 수월해졌다.

 

next_apollo_blog