こんにちは、がんがんです。 今回はuseSWRを用いたPagiNationに関する備忘録を書いていきます。 実装はNext.js + Material-uiで行います。 useSWRPagesが廃止されたので、新しく追加されたuseSWRInfiniteについても後述します。

はじめに こんにちは、がんがんです。皆さんはSWRというライブラリをご存知ですか？ Next.jsを作っているVercel社(旧Zeit)が作られているライブラリです。 SWRの特徴はfetchしたデータのキャッシュを行えることです。 今回は実際に使ってみて備忘録としてま…

はじめに こんにちは、がんがんです。 最近はNext.jsを用いた開発をよく行っています。Next.jsで何か作るときは無料で使えるということもあり、Hosting先やFunctionsとしてFirebaseを用いることが多々あります。 しかし、クラウドサービスを使用するときのあ…

はじめに こんにちは、がんがんです。 Webアプリを作っていて面倒な実装といえば、「認証機能」が挙げられるかと思います。Auth0を使用したり、Firebase Authenticationを使用したり、はたまたフルスクラッチで実装したり... セキュリティの面も考慮すると非…

こんにちは、がんがんです。 Webアプリとかを作っているとお問い合わせフォームが必要になることがあるかと思います。簡単に実装できればいいものの、環境に合わせてお問い合わせフォームの実装は様々なやり方が存在しています。 そこで、今回はCloud Functi…

こんにちは、がんがんです。 最近はNext.js + Material-uiのアプリを作っております。前述のアプリ実験にてFirebaseのAuthenticationを試してみると、後述するようなエラーが起きたため原因を調査しました。 その際に、Next.jsにおける環境変数(.env)につい…

はじめに こんにちは、がんがんです。 最近はNext.jsを触っています。前回の記事はこちらです。 gangannikki.hatenadiary.jp 公式のチュートリアルをしっかりやろうと思って実施しているのですが、LinkとRouterというのが出てきたので今後のために少し深堀し…

はじめに こんにちは、がんがんです。 昨日の記事でNext.jsについて扱いました。 localhostだけで使用しているのは退屈なので、今回はFirebase Hostingにデプロイしてみようかなと思います。

はじめに こんにちは、がんがんです。 研究室などにも影響が広まり、在宅で作業を行っております。 最近はもっぱらReact.jsを触っているのですが、React.jsのSSRとしてNext.jsというフレームワークがあるようです。 Gatsby.jsなどもあるようですが、フロント…