カテゴリーアーカイブ: Next.js

NextPageでhoge is missing in props validationが出る

React.FC では発生しないエラーがNextPageを使ったところ発生しました 最初に出てきた案(ググった)としては、eslintに下記を追加して警告自体をなくす、というものです 当然こちらで実装することは可能なので …

“NextPageでhoge is missing in props validationが出る” の続きを読む

Next.jsのrouterでundefinedが出る問題

Next.jsでrouter経由でparamsを取得しようとした際に、undefinedが出る問題が発生しましたが、下記のようにreadyしたタイミングに変更したところ、問題なく動きました 参考記事 useRouter/ …

“Next.jsのrouterでundefinedが出る問題” の続きを読む

Next.js + WordPressのJamstackなブログのソース公開

Jamstackなブログを作成するにあたって、WordpressをCMSとして利用している記事やソースコードが少なかったので、作成してみました🐱 「Wordpress使っているけど、Jamstackに移行 …

“Next.js + WordPressのJamstackなブログのソース公開” の続きを読む

Next.jsでscriptが読み込まれない時の解消方

Twitter widgetやHubspotのscriptをheaderに入れたけど、動かない！という場合は、適宜下記のように実装することで問題を解消することができます🙏 参考記事 Next.js アプリ …

“Next.jsでscriptが読み込まれない時の解消方” の続きを読む

Next.jsでdevelopmentかどうか？を判断する方法

Next.jsのSSGを開発環境では制限したく、envでの制御を行いました こちらの関数を利用することで、開発環境かどうかの分岐を利用することができます nodeなので、nestjsやexpressと同様です&#x1f6 …

“Next.jsでdevelopmentかどうか？を判断する方法” の続きを読む

WordPress + Nextjs + VercelでWebhookの自動更新

WordPress + Nextjsでこのブログを作っているのですが、Wordpressの記事更新に伴い、自動でbuildしてくれるようにWebhookで対応させました プラグインをGithubのページからダウンロード …

“WordPress + Nextjs + VercelでWebhookの自動更新” の続きを読む

Request failed with status code 403 nextjs + wordpress api

wordpress api(xサーバー) + nextjsでブログを作成していたところタイトルのエラー発生 どうやら国外からのアクセスだと403が返されてしまう、とのことなので、アクセス制限をoffにすることで対応できま …

“Request failed with status code 403 nextjs + wordpress api” の続きを読む