SSG
-
[NextJs] Vercel로 SSG 프로젝트 배포하기프레임워크/React(NextJs) 2022. 10. 14. 21:33
Vercel로 프로젝트 배포하기 일정 조건 이내에서 무료로 프로젝트를 배포할 수 있는 Vercel로 이번에 만든 SSG 블로그 프로젝트를 배포해보기로 했다. Vercle 배포 사이트 Develop. Preview. Ship. For the best frontend teams – Vercel Deploy web projects with the best frontend developer experience and highest end-user performance. vercel.com 우선은 vercel을 사용하기 위해 github 계정을 연결해서 회원가입을 했다. Project 만들기 1. Add New에서 Project를 선택 2. GitHub 프로젝트를 연결해서 가져오기 3. 프로젝트의 이름을 변경하고..
-
[NextJs] Markdown 포스팅을 정적 페이지(SSG)로 배포하기프레임워크/React(NextJs) 2022. 10. 8. 20:36
원티드 프리온보딩 챌린지 10월 2일차 과제 이번 과제는 마크다운으로 작성한 파일을 Nextjs를 통해 정적 페이지로 배포하는 것이다. 과제 주요 내용 ✏️ 사용자는 root 경로의 `/__posts` 폴더에 작성된 마크다운 파일(.md)를 작성할 수 있어야 한다. ✏️ 해당 파일은 마크다운 본문과 게시물에 대한 meta data를 담을 수 있어야 한다. ✏️ 블로그에 작성된 게시물을 렌더링하는 `목록 페이지`와 개별 게시물을 렌더링하는 `상세 페이지`로 나누어 작성한다. : `/` - 목록 페이지 : `/[id]` - 상세 페이지 진행 과정 이번에는 과제를 하는 과정을 적어보려고 한다. 해결해 나가는 과정의 프로세스가 중요하다고 하심 우선 과제를 받았을 때 가장 먼저 떠올랐던 것은 root 경로에 있는..