HippoBlog
Web開発に関する備忘録や
日々の雑記ブログ
  • #Nextjs
  • 2021年5月29日
ENTRY TITLE

WordPress Headless CMS, GraphQL, and Nextjs(丸パクリ)

TEXT BY @hippohack@hippohack
TEXT BY @hippohack@hippohack
  • このエントリーをはてなブックマークに追加

こちらの方の動画を見てめっちゃいいと思ったのでちょっと参考にさせていただいてやって見ようと思い立った。

WPのホストはローカルで。

前提

  • WordPressがわかる
  • Next.jsがわかる
  • Gitがわかる

クローンしてくる

自分は、ローカルマシン内の「_tmp」フォルダで実施。

なので、

cd development/_tmp/

移動して、

git clone git@github.com:colbyfayock/next-wordpress-starter.git    

クローンしてくる。

.env.local つくる

中身は、WORDPRESS_GRAPHQL_ENDPOINT="http://wordpressite.com/graphql"

GraphQLのエンドポイントのURLの設定をする。

が、いったん中身は仮にしておいてバックエンドとなるWordPressの設定をする

WordPressの設定をする

楽してローカルにもともとあった検証用のWPを使う。HOSTINGER 気になるけど。

URLは、www.wpsample.test で。

GraphQLのプラグインを入れろと。↓ これね。

[WIP]🙇‍♂


最後までお読みいただき、ありがとうございました。

ご意見などありましたら@hippohackへDMをお願いいたします。

  • このエントリーをはてなブックマークに追加