netlify cms react starter

Netlify CMS + React Starter

Aviso O Netlify CMS não está mais sendo mantido, portanto não irei manter este projeto.
Consulte decaporg/decap-cms#6503.
Tanto o Netlify CMS quanto este projeto funcionam em sua maior parte (em novembro de 2022), embora com algumas abordagens desatualizadas, por exemplo, componentes da classe React.

Um projeto inicial para a criação de sites off-line extremamente rápidos com Netlify CMS e React.

• Criar aplicativo React
• React Router para roteamento
• React Helmet para títulos de documentos, descrições, meta
• React Snapshot para pré-renderização em HTML estático para que funcione sem Javascript ️
• Netlify CMS para gerenciamento de conteúdo

Meu objetivo é incluir componentes comumente usados ​​e práticas recomendadas, por exemplo, formulários, configurações, tags, imagens de carregamento lento, etc.

Vá em frente

1. Clique no botão Implantar no Netlify . Isto irá:

• Clone o repositório em sua conta do Github
• Crie um novo projeto no Netlify, construa e implante

1. Depois que seu projeto Netlify for criado, verifique algumas configurações:

• Habilitar Identidade
• Alterar preferências de registro para somente por convite
• Habilitar gateway Git

1. Convide usuários (provavelmente você mesmo) para ativar o acesso de administrador

• Abra a guia Identidade e clique em Convidar usuários

Mostre-me o CMS!

O CMS fica em __YOUR_SITE_NAME__.netlify.com/admin.

Em desenvolvimento

1. Clone seu repositório para sua máquina local

2. Instalar dependências

instalação yarn ou npm install

1. Execute o servidor de desenvolvimento

yarn start ou npm run start

Se você estiver adicionando ou editando conteúdo localmente no CMS, observe algumas coisas:

1. As alterações serão enviadas para o repositório remoto.

2. Você será solicitado a inserir o URL do seu site, isso é necessário para que o Netlify Identity gerencie o login do usuário. Isso é armazenado em localStorage , portanto, talvez seja necessário esvaziar o cache do navegador se estiver trocando de projeto, mas permanecendo em localhost:3000 .

Editando campos CMS

A configuração do Netlify CMS está localizada em public/admin/config.yml . É aqui que você configurará as páginas, campos, postagens e configurações que podem ser editadas pelo CMS.

Saiba mais nos documentos do Netlify CMS.

Veja também

Documentos CMS do Netlify
Repositório Netlify CMS
Hiperestático – o mesmo projeto inicial menos Netlify CMS
Gatsby + Netlify CMS Starter (Gatsbro)