tina cloud starter

Tina Starter?

Este inicio de Next.js está impulsado por Tinacms para que usted y su equipo en vivo editen visualmente el contenido estructurado de su sitio web.

El contenido se administra a través de los archivos de Markdown y JSON almacenados en su repositorio de GitHub, y se consulta a través de la API Tina GraphQL.

Características

• Tina CMS sin cabeza para autenticación, modelado de contenido, edición visual y gestión de equipos.
• Despliegue de Vercel para editar visualmente su sitio desde la ruta /admin .
• Flujo de trabajo de desarrollo local desde el sistema de archivos con un servidor GRAQHQL local.

Requisitos

• Git, Node.js Active LTS, PNPM instalado para el desarrollo local.
• Una cuenta de Tinacms para la edición en vivo.

Desarrollo local

Instale las dependencias del proyecto:

Nota

¿Conoces el mejor administrador de paquetes para Node.js? El uso del Administrador de paquetes correctos puede mejorar enormemente su flujo de trabajo de desarrollo. Recomendamos usar PNPM por su velocidad y manejo eficiente de las dependencias. Obtenga más información sobre por qué PNPM podría ser la mejor opción para sus proyectos revisando esta regla de SSW.

 pnpm install

Ejecute el proyecto localmente:

 pnpm dev

URL locales

• http: // localhost: 3000: Explore el sitio web
• http: // localhost: 3000/admin: conéctese a Tina Cloud y vaya en modo de edición
• http: // localhost: 3000/salida-admin: cerrar la sesión de Tina Cloud
• http: // localhost: 4001/altair/: graphql parque infantil para probar consultas y navegar la documentación de la API

Construir el arrancador localmente (usando la API de contenido alojado)

Reemplace el .env.example , con .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>

Construye el proyecto:

pnpm build

Obtener ayuda

Para obtener ayuda con cualquier desafío de tinacms que pueda tener:

• Visite la documentación para aprender sobre Tina.
• Únase a nuestra discordia para compartir comentarios.
• Visite el foro de la comunidad para hacer preguntas.
• Obtenga soporte a través del widget de chat en el tablero de tinacms
• Envíenos un correo electrónico para programar una llamada con nuestro equipo y compartir más sobre su contexto y lo que está tratando de lograr.
• Busque o abra un problema si algo no funciona.
• Comuníquese en Twitter en @Tina_CMS.

Consejos de desarrollo

Visual Studio Code GraphQL Extension

Instale la extensión GraphQL para beneficiarse de Tipo Auto-Completo.

Mecanografiado

Una buena manera de garantizar que sus componentes coincidan con la forma de sus datos es aprovechar los tipos de mecanografiados generados por auto. Estos se reconstruyen cuando cambia su configuración de tina .

LICENCIA

Licencia bajo la licencia Apache 2.0.