NextJS NestJS GraphQL Starter

Nextjs & Nestjs GraphQL 스타터

Github 및 Reddit 인증이 포함 된 Nextjs Frontend 및 Nestjs Backend GraphQL 스타터 팩.

뭔가 빠졌나요?

대부분의 생산 등급 응용 프로그램에 사용되는 기능이 없으면 추가에 대해 논의 할 수 있도록 문제를 해결하십시오.

특징

• Google 인증
• Github 인증
• Reddit 인증
• 구독
• 기본 프로필 정보를 업데이트하십시오
• 서버 렌더링
• 번역
• 세션 관리
• 클라이언트 및 서버 용 Docker-Compose

기술

• 다음 JS
• Bumbag
• 스타일의 구성 요소
• 아폴로 클라이언트 3.0
• 그래프 QL 코드 생성기
• 예
• TypeScript
• Nestjs
• 몽구스
• apsgraphql
• React-I18Next
• 도커
• 후크 형태를 반응합니다

시작하기

1. 필요한 패키지를 설치하십시오

    cd client && yarn
   cd server && yarn

2. 클라이언트 및 서버에서 .env 파일을 업데이트하십시오

   cp client/.env.example .env
   cp server/.env.example .env

3. 서버 및 클라이언트를 시작하십시오

    cd server && yarn dev
   cd client && yarn dev

클라이언트는 CodeGen을 실행하기 위해 스키마를 읽을 수 있도록 서버를 시작해야합니다. 해당 기능을 제거하려면 client/package.json 에서 Predev Hook를 제거하십시오.

전개

배포하는 가장 쉬운 방법은 다음과 같습니다.

1. Docker 이미지를 사용하여 DigitalOcean 액 적을 만듭니다
2. 이 안내서로 Nginx를 설정 : Ubuntu 18.04에 nginx를 설치하는 방법
3. 저장소를 액적에 복제하십시오
4. 프로덕션 구성으로 .env 파일을 클라이언트 및 서버에 추가하십시오.
5. MongoDB Atlas에 가입하고 연결 문자열을 가져옵니다
6. 빌드 스크립트 모드 실행 가능 : chmod +x ./build.sh
7. 빌드 스크립트 ./build.sh를 실행하십시오
8. 제공된 nginx.conf /var/etc/nginx/sites-available/default 로 수정하고 복사하십시오
9. 이 안내서를 통해 SSL 인증서 생성 : Ubuntu 16.04에서 Let 's Encrypt로 Nginx를 보호하는 방법

기여

풀 요청을 환영합니다. 주요 변경 사항을 위해 먼저 문제를 열어 변경하고 싶은 것을 논의하십시오.

Nestjs GraphQL 자습서

• nestjs -https://youtu.be/bqpk4s_w-pc를 사용하여 GraphQL 서버를 작성하십시오
• Nestjs GraphQL 서버에 mongodb 추가 -https://youtu.be/xnyulqzq-rk
• 사용자 이름 및 비밀번호 인증 -https://youtu.be/pxwnt25szro

지원하다

커피를 사세요

DigitalOcean I에 가입 하시겠습니까? DigitalOcean

YouTube에서 구독하십시오

특허

MIT