5분 이내의 GraphQL 서버(TypeScript)

GraphQL 서버를 설정하는 것이 어려운 작업이라고 생각한다면 GraphQL Boilerplates Github repo가 ​​당신이 틀렸다는 것을 증명할 것입니다.

GraphQL의 가장 좋은 점은 모든 기술과 함께 사용할 수 있다는 것입니다. the finest GraphQL devs 중 하나에서 제공하는 가장 인기 있는 웹 기술의 시작 프로젝트를 살펴보겠습니다. 이제 먼저 TypeScript 을 살펴보겠습니다.

TypeScript-graphql-server

TypeScript는 일반 JavaScript로 컴파일되는 Typed JavaScript의 상위 집합으로 인기가 지속적으로 상승하고 있습니다. TypeScript 보일러플레이트 리포지토리에는 두 개의 스타터 키트가 포함되어 있습니다.

Basic

Advanced

둘 다 몇 초 안에 TypeScript로 GraphQL 서버를 부트스트랩할 수 있습니다. 간단한 개인 프로젝트를 위해 Basic option이 필요하거나 더 많은 기능이 있는 Advanced boilerplate이 필요한 경우 확장 가능하고 생산 준비가 된 GraphQL 서버가 필요합니다.

모든 프로젝트는 가장 쉬운 설정을 제공하는 데 중점을 둔 GraphQL 서버 라이브러리인 graphql-yoga 를 기반으로 합니다.

해당 버전에서 사용할 수 있는 기능을 살펴보겠습니다.



Basic
Advanced



확장 가능한 GraphQL 서버: 서버는 Apollo Server & Express를 기반으로 하는 graphql-yoga를 사용합니다.
✔️
✔️

정적 유형 생성: GraphQL 쿼리 및 변형에 대한 TypeScript 유형은 빌드 단계에서 생성됩니다.
✔️
✔️

GraphQL 데이터베이스: Prisma에 대한 GraphQL 데이터베이스 바인딩 포함(MySQL에서 실행)
✔️
✔️

도구: GraphQL Playground 및 쿼리 성능 추적에 대한 기본 지원
✔️
✔️

확장 가능: 단순하고 유연한 데이터 모델 - 조정 및 확장이 용이함
✔️
✔️

구성 오버헤드 없음: 사전 구성된 graphql-config 설정
✔️
✔️

실시간 업데이트: GraphQL 구독 지원
❌
✔️

인증: 사용자가 가입 및 로그인 워크플로를 사용할 준비가 되었습니다.
❌
✔️


설정은 두 버전에서 동일합니다.

graphql create my-app

프롬프트가 표시되면 원하는 상용구를 선택하고 Prisma 서비스를 공개 클러스터에 배포한 다음 새 프로젝트의 서버 디렉토리로 이동하여 시작합니다.

cd my-app/server

yarn dev

프로젝트 구조는 다음과 같습니다.




출처: Graphql-boilerplates