nextjs netlify blog template
1.0.0
NET.JS Netlify用のブログテンプレートは、Netlifyスタックのみを備えたブログを構築するためのボイラープレートです。
githubにnext.jsとnetlifyの組み合わせのためのボイラープレートまたはチュートリアルがいくつかあります。これらのリソースには、次に開始し、すぐにNetlifyを開始するためのドキュメントと優れたチュートリアルがありますが、タグ付けなどの標準機能を備えたブログを作成するには簡単すぎます。
NETSLIFY用のNext.jsブログテンプレートは、next.jsとNetlifyスタックのみを使用してブログを構築するためのこれらの標準機能を既に実装しています。
ここをクリックして環境に展開します。
または、次のデモサイトにアクセスします。
neks.js netlify用のブログテンプレート
テンプレートを使用してブログを作成するには、端末を開き、アプリを作成するディレクトリにcdを開き、次のコマンドを実行します。
npx create-next-app your-blog --example "https://github.com/wutali/nextjs-netlify-blog-template"
その後、Netlifyブログに従ってプロジェクトを設定します。
ステップバイステップガイド：netlifyに展開します
このテンプレートは、プロジェクトがクローン化されて開始された後、ユーザーが何でもカスタマイズできるテンプレートとボイラープレートです。次の手順では、新しいメタデータの追加や新しいデザインテーマの適用など、一般的なカスタマイズポイントを紹介します。
ブログに関連するすべてのソースコードは、コンポーネントとページディレクトリの下にあります。デザインテーマを適用する場合は、自由に変更できます。すべてのコンポーネントは、スタイルのスタイルを定義するためにStyled-JSXおよびCSSモジュールを使用しますが、テーマを設計するためのスタイリングライブラリを選択できます。
ブログソースコードを含むディレクトリツリーを以下に説明します。
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
コンテンツに関連付けられているカテゴリメタデータは、著者のメタデータと同じ関係を持っています。次に、これらの実装を参照して、新しいメタデータを追加します。
上記のソースコードを読んだ後、プロジェクトにカテゴリメタデータを追加する4つのステップがあることを理解しました。
categories.ymlという名前の空のファイルを作成しますそれはあなたがしなければならないすべてです。その後、NetLify CMSにアクセスして、いつでも新しいカテゴリを作成できます。
次の手順として、public/admin Directoryの下でconfig.yml and index.htmlを変更します。
Netlify CMS -Configuration Options #Locale
mit
