NestJS, Fastify, Apollo GraphQL & NextJS를 사용해 채팅 앱 구축(클라이언트편)
지난 NestJS, Fastify, Apollo GraphQL & NextJS를 사용해 채팅 앱 구축(서버편)에 이어서 클라이언트편을 이어갑니다. 서버 준비가 완료됐으니 이제 NextJS로 프론트엔드를 설정합니다. 터미널에서 다음 명령을 실행하여 새 NextJS 앱을 만듭니다.npx create-next-app@latest Tailwind CSS를 선택하는 것을 잊지 마세요. 개발 프로세스를 크게 가속하고 귀중한 시간을 절약해 줄 것입니다. 이제 필수 패키지를 설치합니다.cd ui;npm i -s @apollo/client graphql graphql-ws; 이제 프론트엔드를 구성해 볼텐데 파일 구조는 아래와 같습니다.├── backend├── ui│ ├── src│ │ ├── help..
Dev Type
2024. 5. 21. 21:48
