배포 주소 바로가기

프로젝트 회고 바로가기

프로젝트 소개

NextJS와 GraphQL로 빌드한 싸이월드 클론 프로젝트

• 제작 기간 : 2022.10.14 - 2022.11.03

기술 스택

• NextJS
• Typescript
• GraphQL + Apollo

프로젝트를 시작하기 전에..

1. NextJS 시작하기

NextJS 특징 및 파일 구조

2. 폴더 구조

public 
 ├── images
 └── icons

pages  
  ├── diary
  │     ├── [id]
  │     │     ├── edit.tsx           // diary/12030/edit
  │     │     └── index.tsx          // diary/12030
  │     ├── new.tsx                  // diary/new
  │     └── index.tsx                // diary
  ├── game
  │     └── index.tsx                // game
  ├── _app.tsx
  ├── _document.tsx
  └── index.tsx                      // home

src  
  ├── components
  ├── styles
  ├── hooks
  ├── queries
  ├── types
  └── utils