next advanced apollo starter

차세대 아폴로 스타터

Advanced and Minimalistic Next.js 및 Apollo 스타터

포함 된 사항 • 시작하기 • Apollo 사용 • 테스트 • Docker 사용법

포함 된 내용

특징

• 최신 Next.js 버전.
• 최신 패키지 업데이트.
• 쿠키 기반 JWT 토큰 인증이 내장 된 GraphQL Apollo 클라이언트.
• 클라이언트 측 렌더링 및 서버 측 렌더링을 통해 작동합니다.
• TypeScript 환경.
• 정상화 .CSS 포함.
• 사용자 정의 서버가 없습니다 .

개발자 경험

• Jest 및 @Testing-Library/React를 통한 테스트 환경.
• 구성된 GraphQL 코드 생성기. yarn codegen 실행하십시오.
• 코드 형식에 더 예쁘다.
• VSCODE의 디버그 구성.
• Nginx로 생산 준비 빌드를 제공하기위한 Docker 구성.

시작하기

시작하기 위해 추가 지식이 필요하지 않습니다. 다음 .js 문서를 참조하십시오.

그래프 QL 코드 생성

공동 위치 .graphql 파일의 생성 인터페이스. 예를 참조하십시오.

yarn codegen

아폴로 사용

• 클라이언트 측 렌더링 (CSR) 예제.
• 서버 측 렌더링 (SSR) 예제.

테스트

Jest는 테스트를위한 훌륭한 도구입니다. 테스트를 실행하려면 단순히 package.json 에서 test 스크립트를 사용합니다.

yarn test

---

프로젝트 구조, SSR 등에 대해 알아야 할 모든 내용은 공식 Next.js 문서에서 찾을 수 있습니다.

도커 사용

Dockerized Production 지원 컨테이너를 구축하고 실행하려면 실행하십시오.

docker-compose up --build