netlify cms react starter

Netlify CMS + React Starter

Предупреждение Netlify CMS больше не поддерживается, поэтому я не буду поддерживать этот проект.
См. decaporg/decap-cms#6503.
И Netlify CMS, и этот проект по большей части работают (по состоянию на ноябрь 2022 г.), хотя и с некоторыми устаревшими подходами, например, с использованием компонентов класса React.

Стартовый проект для создания молниеносных автономных веб-сайтов с помощью Netlify CMS и React.

• Создать приложение React
• React Router для маршрутизации
• React Helmet для заголовков документов, описаний и мета
• React Snapshot для предварительного рендеринга в статический HTML, чтобы он работал без Javascript ️
• Netlify CMS для управления контентом

Я стремлюсь включить часто используемые компоненты и лучшие практики, например, формы, настройки, теги, отложенную загрузку изображений и т. д.

Начинай

1. Нажмите кнопку «Развернуть в Netlify» . Это будет:

• Клонируйте репозиторий в свою учетную запись Github.
• Создайте новый проект на Netlify, создайте и разверните его.

1. После создания проекта Netlify проверьте несколько настроек:

• Включить идентификацию
• Изменить настройки регистрации на «Только по приглашению»
• Включить шлюз Git

1. Предложите пользователям (вероятно, себе) включить доступ администратора.

• Откройте вкладку «Идентификация» и нажмите «Пригласить пользователей».

Покажите мне CMS!

CMS находится по адресу __ВАШЕ_ИМЯ_САЙТА__.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.
Gatsby + Netlify CMS Starter (Gatsbro)