nextjs netlify blog template
1.0.0
Le modèle de blogging Next.js pour Netlify est un chauffeur pour créer des blogs avec uniquement des piles Netlify.
Il existe des buiscenles ou des tutoriels pour la combinaison de Next.js et Netlify sur GitHub. Ces ressources ont une documentation et un bon tutoriel pour commencer ensuite.js et netlify rapidement, mais ils sont trop simples pour créer des blogs avec des fonctionnalités standard comme le tagging.
Next.js Le modèle de blogging pour Netlify a déjà implémenté ces fonctionnalités standard pour créer des blogs avec uniquement des piles Next.js et Netlify.
Déployez sur votre environnement en cliquant ici:
Ou accédez au site de démonstration suivant:
Modèle de blog suivant Next.js pour NetLify
Pour créer votre blog à l'aide du modèle, ouvrez votre terminal, cd dans le répertoire dans lequel vous souhaitez créer l'application et exécutez la commande suivante:
npx create-next-app your-blog --example "https://github.com/wutali/nextjs-netlify-blog-template"
Après cela, configurez votre projet en suivant le blog Netlify:
Un guide étape par étape: Déploiement sur Netlify
Ce modèle est juste un modèle et un passe-partout dans lequel les utilisateurs peuvent personnaliser n'importe quoi après que le projet a été cloné et démarré. Les instructions suivantes introduisent des points de personnalisation courants comme l'ajout de nouvelles métadonnées ou l'application d'un nouveau thème de conception.
Tous les codes source liés au blog sont sous les composants et les pages Directory. Vous pouvez le modifier librement si vous souhaitez appliquer votre thème de conception. Tous les composants utilisent des modules Styled-JSX et CSS pour définir leurs styles, mais vous pouvez choisir toutes les bibliothèques de style pour concevoir votre thème.
L'arbre d'annuaire contenant le code source du blog est décrit ci-dessous:
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
Les métadonnées de catégorie qui s'associe au contenu ont la même relation avec celle des auteurs. Puis référez ces implémentations pour ajouter de nouvelles métadonnées:
Vous avez compris qu'ils ont quatre étapes pour ajouter les métadonnées de catégorie sur votre projet après avoir lu les codes source ci-dessus:
categories.yml dans le répertoire MetaC'est tout ce que vous avez à faire. Après cela, vous pouvez accéder à Netlify CMS et créer de nouvelles catégories à tout moment.
Modifier config.yml et index.html dans le répertoire public / admin comme les instructions suivantes:
Netlify CMS - Options de configuration #locale
Mit
