개요

스스로 헤드리스CMS를 준비하기 위해 오픈소스의 스트래피를 활용해봤다.
구축부터 내용 등록까지의 순서를 소개하다.

환경 구조

strapi 설치 & 프로젝트 제작

홈 문서에 따라 구축됩니다.

yarn create strapi-app my-strapi-cms --quickstart

조금만 기다리면 아무것도 하지 않고 사용자 로그인 화면 시작

Admin에 대한 사용자 정보를 입력하면[Ready to strapi] 시작합니다.
DB--quickstart를 선택한 경우SQLite함께 설치합니다.다른 DB에서는 다음을 선택할 수 있습니다.

SQLite

MongoDB

MySQL and MariaDB

PostgreSQL

DB를 지정하는 단계는 여기.입니다.
DB를 미리 설치해야 합니다.

사용자 등록

사용자를 등록합니다.

CONTENT TYPES 아래에서 사용자

를 클릭

클릭하여 User 추가

입력Username, Email, Password

Confirmed 선택ON

Role 선택Authenticated

클릭하여 저장

컨텐트 유형 만들기

Restaurant 의 컨텐츠를 등록합니다.

CONTENT TYPES 아래 콘텐츠 유형을 클릭하여 생성

클릭Create new content-type

Display Name을 클릭하여 계속 입력restaurant

선택Text

기본 설정 탭에서Name에 name

입력

고급 설정 탭에서 Required field 검사

고급 설정 레이블에서 Unique field 검사

클릭+Add another field

위의 내용을 되돌려주고 여러 필드를 설정합니다.
마침을 마지막으로 클릭합니다.

완성된 내용 형식의 생성을 저장하려면 누르십시오.

관계 작성

컨텐트 유형에 관계할 수 있습니다.
다음 컨텐츠의 "Category"를 등록합니다.

Display Name: category

Text:Name: name

Required field 검사

Unique field 검사

관계를 맺기 위한 필드를 추가한다.

선택Relation

선택Restaurant

멀티 페어 선택

어셈블리 생성

필드에 지정한 구성 요소를 만들 수 있습니다.

클릭Create new content-type

Name hours_of_operation

categoryhours

클릭하여 계속

Text:Name: day_interval

Required field 검사

위 절차에 따라 여러 항목을 설정하고 저장합니다.
Hours_of_Operation 을 Restaurant 에 할당하기 위해
Restaurant+ Add another field에 다음을 추가합니다.

선택Use an existing component

Name에 restaurant_hours

입력

Selecta component 선택hours_of_operation

선택Repeatable component

Finish

를 클릭합니다.

클릭하여 저장

※ 콘텐츠 등록 시 화면 레이아웃Configure the view부터 편집할 수 있습니다.

콘텐츠 로그인 준비됐습니다!

컨텐츠 로그인

컨텐트는 CONTENT TYPES 아래의 Restaurant에서 등록할 수 있습니다.

내용 공개

기본적으로 한정 공개이기 때문에 공개 설정이 필요하다.

역할 및 권한 선택

선택Public

"Restaurant", "category"의find, findone를 검사한다.

API를 통한 액세스

방문http://localhost:1337/restaurants하면 JSON을 얻을 수 있습니다.

지금까지 HeadlessCMS의 준비 완료였습니다!

총결산

단순히 구축할 수 있을 뿐만 아니라 관계식과 구성 요소도 조합할 수 있다
단순한 데이터 구조뿐만 아니라 다양한 데이터 구조에 대응할 수 있기 때문에 통용성이 높다고 느낀다.
프런트엔드와 끊임없이 CMS 생활에 활용하고 싶다.

참고 자료

strapi
WordPress 이외의 옵션!HeadlessCMS "Strapi" 테스트
API를 아주 간단하게 만들 수 있나요?Headless CMS'strapi'만져봐.
[strapi] HeadlessCMS의 strapi를 만져봤어요.