La plantilla de blogs de Next.js para Netlify es una placa para construir blogs con solo pilas de Netlify.
Hay algunos tutoriales o tutoriales para la combinación de Next.js y Netlify en GitHub. Estos recursos tienen documentación y un buen tutorial para comenzar Next.js y Netlify rápidamente, pero son demasiado simples para construir blogs con características estándar como el etiquetado.
La plantilla de blogs de Next.js para Netlify ya ha implementado estas características estándar para construir blogs con solo usar las pilas Next.js y Netlify.
Implemente en su entorno haciendo clic aquí:
O acceder al siguiente sitio de demostración:
Next.js Blog Plantilla para Netlify
Para crear su blog usando la plantilla, abra su terminal, cd en el directorio en el que desea crear la aplicación y ejecute el siguiente comando:
npx create-next-app your-blog --example "https://github.com/wutali/nextjs-netlify-blog-template"
Después de eso, configure su proyecto como siguiendo el blog de Netlify:
Una guía paso a paso: Implementación en NetLify
Esta plantilla es solo una plantilla y una plantilla en la que los usuarios pueden personalizar cualquier cosa después de que el proyecto haya sido clonado y iniciado. Las siguientes instrucciones introducen puntos de personalización comunes como agregar nuevos metadatos o aplicar un nuevo tema de diseño.
Todos los códigos de origen relacionados con el blog están en el directorio de componentes y páginas. Puede modificarlo libremente si desea aplicar su tema de diseño. Todos los componentes usan módulos Styled-JSX y CSS para definir sus estilos, pero puede elegir cualquier biblioteca de estilo para diseñar su tema.
El árbol de directorio que contiene el código fuente del blog se describe a continuación:
meta: yaml files defining metadata like authors or tags
public: images, favicons and other static assets
src
├── assets: other assets using inside of components
├── components: pieces of components consisting of pages
├── content: mdx files for each post page
├── lib: project libraries like data fetching or pagination
└── pages: page components managing by Next.js
Los metadatos de categoría que se asocian con el contenido tienen la misma relación con la de los autores. Luego haga referencia a estas implementaciones para agregar nuevos metadatos:
Entendió que tienen cuatro pasos para agregar los metadatos de categoría en su proyecto después de leer los códigos de origen anteriores:
categories.yml en Meta DirectoryEs todo lo que tienes que hacer. Después de eso, puede acceder a Netlify CMS y crear nuevas categorías en cualquier momento.
Modificar config.yml y index.html en el directorio público/administrador como las siguientes instrucciones:
Netlify CMS - Opciones de configuración #Locale
MIT