React.FC では発生しないエラーがNextPageを使ったところ発生しました 最初に出てきた案(ググった)としては、eslintに下記を追加して警告自体をなくす、というものです 当然こちらで実装することは可能なので …
カテゴリーアーカイブ: Next.js
NextPage
Next.jsのrouterでundefinedが出る問題
Next.jsでrouter経由でparamsを取得しようとした際に、undefinedが出る問題が発生しましたが、下記のようにreadyしたタイミングに変更したところ、問題なく動きました 参考記事 useRouter/ …
A source code for Next.js + WordPress
*Translated by deepl.Japanese article is here. In creating my Jamstack blog, I found few articles and source c …
Next.js + WordPressのJamstackなブログのソース公開
Jamstackなブログを作成するにあたって、WordpressをCMSとして利用している記事やソースコードが少なかったので、作成してみました🐱 「Wordpress使っているけど、Jamstackに移行 …
Next.jsでscriptが読み込まれない時の解消方
Twitter widgetやHubspotのscriptをheaderに入れたけど、動かない!という場合は、適宜下記のように実装することで問題を解消することができます🙏 参考記事 Next.js アプリ …
Next.jsでdevelopmentかどうか?を判断する方法
Next.jsのSSGを開発環境では制限したく、envでの制御を行いました こちらの関数を利用することで、開発環境かどうかの分岐を利用することができます nodeなので、nestjsやexpressと同様ですǶ …
WordPress + Nextjs + VercelでWebhookの自動更新
WordPress + Nextjsでこのブログを作っているのですが、Wordpressの記事更新に伴い、自動でbuildしてくれるようにWebhookで対応させました プラグインをGithubのページからダウンロード …
Invalid src prop on `next/image`, is not configured under images in your `next.config.js`
localでnext動かしたらタイトルのエラー発生 こちらで解決 参考記事 Next.js next/image で外部URLの画像を使いたいときにやること
Nextjsでpagination実装
こちらの記事を参考に実装しました https://reffect.co.jp/react/next-js
Request failed with status code 403 nextjs + wordpress api
wordpress api(xサーバー) + nextjsでブログを作成していたところタイトルのエラー発生 どうやら国外からのアクセスだと403が返されてしまう、とのことなので、アクセス制限をoffにすることで対応できま …
“Request failed with status code 403 nextjs + wordpress api” の続きを読む