netlify cms react starter

Netlify CMS + 리액트 스타터

경고 Netlify CMS는 더 이상 유지 관리되지 않으므로 이 프로젝트는 유지 관리하지 않습니다.
decaporg/decap-cms#6503을 참조하세요.
Netlify CMS와 이 프로젝트는 둘 다 React 클래스 구성 요소와 같은 일부 오래된 접근 방식을 사용하기는 하지만 대부분(2022년 11월 현재) 작동합니다.

Netlify CMS 및 React를 사용하여 매우 빠른 오프라인 우선 웹사이트를 만들기 위한 시작 프로젝트입니다.

• 반응 앱 만들기
• 라우팅을 위한 React Router
• 문서 제목, 설명, 메타를 위한 React 헬멧
• Javascript 없이도 작동하도록 정적 HTML로 사전 렌더링하기 위한 React Snapshot ️
• 콘텐츠 관리를 위한 Netlify CMS

양식, 설정, 태그, 지연 로딩 이미지 등과 같이 일반적으로 사용되는 구성 요소와 모범 사례를 포함하는 것을 목표로 합니다.

출발

1. Netlify에 배포 버튼을 누르세요. 이는 다음을 수행합니다.

• Github 계정에 저장소를 복제하세요.
• Netlify에서 새 프로젝트를 생성하고 빌드 및 배포하세요.

1. Netlify 프로젝트가 생성되면 몇 가지 설정을 확인하세요.

• ID 활성화
• 등록 기본 설정을 초대 전용 으로 변경
• Git 게이트웨이 활성화

1. 관리자 액세스를 활성화하려면 사용자(아마 본인)를 초대하세요.

• ID 탭을 열고 사용자 초대를 누르세요.

CMS를 보여주세요!

CMS는 __YOUR_SITE_NAME__.netlify.com/admin에 있습니다.

개발 중

1. 리포지토리를 로컬 머신에 복제하세요.

2. 종속성 설치

yarn 또는 npm install

1. 개발 서버 실행

yarn start 또는 npm run start

CMS에서 로컬로 콘텐츠를 추가하거나 편집하는 경우 다음 사항에 유의하세요.

1. 변경 사항은 원격 저장소로 푸시됩니다.

2. 사이트 URL을 입력하라는 메시지가 표시됩니다. 이는 Netlify Identity가 사용자 로그인을 관리하는 데 필요합니다. 이는 localStorage 에 저장되므로 프로젝트를 전환하지만 localhost:3000 에 남아 있는 경우 브라우저 캐시를 비워야 할 수도 있습니다.

CMS 필드 편집

Netlify CMS 구성은 public/admin/config.yml 에 있습니다. 여기서는 CMS에서 편집할 수 있는 페이지, 필드, 게시물 및 설정을 구성합니다.

Netlify CMS 문서에서 자세한 내용을 알아보세요.

또한보십시오

Netlify CMS 문서
Netlify CMS 레포
Hyperstatic – Netlify CMS를 제외한 동일한 시작 프로젝트
개츠비 + Netlify CMS 스타터 (Gatsbro)