O modelo de blog do próximo.JS para o Netlify é um caldeira para a criação de blogs com apenas pilhas netlify.
Existem alguns caldeira ou tutoriais para a combinação do Next.js e Netlify no Github. Esses recursos têm documentação e bom tutorial para começar a seguir.
O modelo de blog do Next.JS para o Netlify já implementou esses recursos padrão para a construção de blogs apenas usando o Next.js e o Netlify Stacks.
Implante no seu ambiente clicando aqui:
Ou acesse o seguinte site de demonstração:
Modelo de blog Next.JS para Netlify
Para criar seu blog usando o modelo, abra seu terminal, cd no diretório em que você deseja criar o aplicativo e execute o seguinte comando:
npx create-next-app your-blog --example "https://github.com/wutali/nextjs-netlify-blog-template"
Depois disso, configure seu projeto como seguindo o blog Netlify:
Um guia passo a passo: implantando no netlify
Este modelo é apenas um modelo e um caldeira no qual os usuários podem personalizar qualquer coisa depois que o projeto foi clonado e iniciado. As instruções a seguir introduzem pontos de personalização comuns, como adicionar novos metadados ou aplicar um novo tema de design.
Todos os códigos de origem relacionados ao blog estão no diretório de componentes e páginas. Você pode modificá -lo livremente se quiser aplicar seu tema de design. Todos os componentes usam os módulos Styled-JSX e CSS para definir seus estilos, mas você pode escolher qualquer biblioteca de estilo para projetar seu tema.
A árvore do diretório que contém o código -fonte do blog está descrita abaixo:
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
Os metadados da categoria que se associam ao conteúdo têm o mesmo relacionamento com o único dos autores. Em seguida, faça referência a essas implementações para adicionar novos metadados:
Você entendeu que eles têm quatro etapas para adicionar os metadados da categoria em seu projeto depois de ler os códigos de origem acima:
categories.yml em meta diretórioÉ tudo o que você precisa fazer. Depois disso, você pode acessar o Netlify CMS e criar novas categorias a qualquer momento.
Modificar Config.yml e index.html no diretório público/administrador como seguintes instruções:
Netlify CMS - Opções de configuração #locale
Mit