ブログ構築 1. 今回作るアプリケーション #01
2019年10月12日に更新

Nuxt.jsとContentfulで作るマイブログ

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

さて、このカテゴリーでは、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

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

まとめ

↓こんな感じです。

01

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

現在、カテゴリー「Rails apiとNuxt.jsでSPA開発」のデモアプリを構築中です。記事になるまでもう少々のお時間が必要です。ブログの更新が止まって申し訳ありません。デモアプリの進捗状況は こちらの記事 で随時お伝えしてまいります。
スポンサー広告
次の記事はこちらです
ブログ構築
1. 今回作るアプリケーション
#01
Nuxt.jsとContentfulで作るマイブログ
今日のTweet
スポンサー広告