1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Nuxt.js とContentful でいいかんじのブログを作っていくためのTips記事まとめ

Posted at

Nuxt.js とContentful を使ったブログを作る手順は以下の記事でまとめたので、

ここでは、より快適に使っていくためのに参考にさせてもらった記事を備忘録としてまとめていく。

記事

画像を表示させる

リッチテキストを表示する

↓リッチテキストを表示するためには、「@contentful/rich-text-html-renderer」パッケージを追加する。

↓これはテキストタイプを取得するパッケージ。

パラグラフ、見出し、画像、引用などなどをどうレンダリングするかを指定することができる。

↓参考になる

記事にタグを付ける

Twitter card 表示する

contentful から取得したデータをjsonとして吐き出す

記事ページのルーティング

記事投稿者の名前を表示する

どうやら投稿者アカウントを取得することはできないので、新しくcontent modelを作成して管理する仕組みを作る必要がある

投稿機能

投稿時、下書きを表示できるようにする

preview api

ほか

1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?