tina cloud starter

Tina Starter?

Este starter próximo.js é alimentado por TINACMS para você e sua equipe viver visualmente editar o conteúdo estruturado do seu site.

O conteúdo é gerenciado através dos arquivos Markdown e JSON armazenados no seu repositório do GitHub e consultado pela API Tina GraphQL.

Características

• Tina CMS sem cabeça para autenticação, modelagem de conteúdo, edição visual e gerenciamento de equipes.
• Implantação de vercel para editar visualmente seu site na rota /admin .
• Fluxo de trabalho de desenvolvimento local do sistema de arquivos com um servidor GRAQHQL local.

Requisitos

• Git, Node.js Active LTS, PNPM instalado para desenvolvimento local.
• Um TINACMS é responsável pela edição ao vivo.

Desenvolvimento local

Instale as dependências do projeto:

Observação

Você conhece o melhor gerenciador de pacotes do Node.js? O uso do gerenciador de pacotes certo pode aprimorar muito o seu fluxo de trabalho de desenvolvimento. Recomendamos o uso do PNPM para sua velocidade e manuseio eficiente de dependências. Saiba mais sobre por que o PNPM pode ser a melhor opção para seus projetos, conferindo esta regra da SSW.

 pnpm install

Execute o projeto localmente:

 pnpm dev

URLs locais

• http: // localhost: 3000: navegue no site
• http: // localhost: 3000/admin: conecte -se à nuvem Tina e vá no modo de edição
• http: // localhost: 3000/saída-admin: logout of tina Cloud
• http: // localhost: 4001/altair/: grafql playground para testar consultas e navegar na documentação da API

Construindo o iniciante localmente (usando a API de conteúdo hospedado)

Substitua o .env.example , com .env

 NEXT_PUBLIC_TINA_CLIENT_ID=<get this from the project you create at app.tina.io>
TINA_TOKEN=<get this from the project you create at app.tina.io>
NEXT_PUBLIC_TINA_BRANCH=<Specify the branch with Tina configured>

Construa o projeto:

pnpm build

Obtendo ajuda

Para obter ajuda com quaisquer desafios de Tinacms que você possa ter:

• Visite a documentação para saber sobre Tina.
• Junte -se à nossa discórdia para compartilhar feedback.
• Visite o fórum da comunidade para fazer perguntas.
• Obtenha suporte através do widget de bate -papo no painel TINACMS
• Envie um email para agendar uma ligação com nossa equipe e compartilhar mais sobre seu contexto e o que você está tentando alcançar.
• Pesquise ou abra um problema se algo não estiver funcionando.
• Entre em contato no Twitter em @tina_cms.

Dicas de desenvolvimento

Extensão de graphql de código do Visual Studio

Instale a extensão graphQL para se beneficiar do tipo de conclusão automática.

TypeScript

Uma boa maneira de garantir que seus componentes correspondam à forma dos seus dados é aproveitar os tipos de tipadas geradas automaticamente. Estes são reconstruídos quando sua configuração tina muda.

LICENÇA

Licenciado sob a licença Apache 2.0.