Bits & Bytes Ep. 3 - A web project in five minutes using the Contentful CLI

소개

섹션 개요: Stefan은 Contentful Detrol 팀에서 온 Stefan이다. CLI에 열정을 가지고 있는 것으로 알려져 있으며, 이번 에피소드에서는 좋아하는 명령어를 보여주고 싶어한다.

Contentful CLI 소개

• 공간 이름 설정

• 공간은 웹 프로젝트를 위해 새로운 공간을 설정하기 때문에 CLI가 공간 이름을 요청한다.

• 기본 이름인 "Get Started Guide"를 사용하자.

• 데이터 채우기

• 빈 공간으로는 많은 작업을 수행할 수 없으므로 데이터로 공간을 채워야 한다.

• Contentful Import 및 Contentful Export 도구를 사용하여 데이터 가져오기 및 내보내기 가능.

• Contentful Import

• CLI에서 사용되는 Contentful Import은 미리 정의된 JSON 파일을 사용하여 실행됨.

• 명령어 실행 시, 컨텐츠 모델 파일 다운로드 및 새로운 공간에 데이터 채움.

데이터 확인 및 응용 프로그램 다운로드

섹션 개요: 데이터 가져오기가 성공적으로 이루어지면, 해당 데이터를 확인하고 새롭게 생성된 공간에 대한 응용 프로그램 다운로드가 필요하다.

• 데이터 확인

• app.contentfor.com으로 이동하여 생성된 컨텐츠 유형 확인 가능.

• 응용 프로그램 다운로드

• 사용자 디렉터리에 소스 코드 저장 후, 자동으로 npm install 실행.

예제 응용 프로그램 실행

섹션 개요: CLI에서 npm run dev를 통해 웹 서버 시작 후, 예제 응용 프로그램 실행 및 구조 설명.

• 예제 응용 프로그램 설명

• Next JS 프레임워크 기반의 예제 애플리케이션.

추가 정보와 마무리

섹션 개요: README 파일과 Next 문서 참조하여 추가 정보 습득 및 변경 사항 확인 방법 설명.

• 추가 정보

• README 파일 및 Next 문서 참조 권장.