今回作るブログ機能の整理

さて、このカテゴリーでは、Nuxt.jsでマイブログを作っていきます。

今回作るブログの機能は以下の通りです。

投稿記事関係

• カテゴリー別に記事を表示
• タグ検索
• 目次の自動生成
• 投稿記事内に関連記事を表示
• 下書きプレビュー機能
• markdownの自動変換機能

SEO関係

• メタタグとページタイトルの自動生成
• Google アナリティクスの導入
• Google Search Consoleに登録するサイトマップの自動生成

Google Search Consoleとは、Googleが自分のブログを検索してくれるサービスです。

その他

• お問合わせフォーム

今回作らない機能

今回作らない機能は以下の2つです

1. サイト内検索機能
2. コメント機能

サイト検索機能は、自分自身が全く使わないので今回は作成しませんでした。

コメント機能は優先順位が低かったので、作成していません。今後時間があれば挑戦してみようかと。

参考になりそうな記事

Nuxt.jsで構築したブログにDISQUSのコメントフォームを設置する方法

作成するブログの設計

一言で「Nuxt.jsでブログを作成する」と言っても、Nuxt.jsだけではインターネット上に自分のブログを表示することはできません。

他のサービスと組み合わせて、初めてインターネット上にブログを表示することができます。

今回利用するサービスは以下の通りです。

Nuxt.js

Nuxt.js

ブログをどのように表示するかを自分でプログラミングしていきます。

bitbucket

bitbucket

プログラミングソースコードの保管ツールです。完全なバックアップをとることができ、仲間との共有も可能にします。

netlify

netlify

ブログをインターネット上に表示するためのサービスです。

contentful

contentful

ブログを作成、管理するサービスです。投稿記事の作成、公開、非公開の管理、カテゴリーやタグの作成もここで行えます。

まとめ

↓こんな感じです。

それでは、次回はNuxt.jsをインストールするための準備をしていきましょう。