FaunaDBを使ったnextjs製CRUDアプリをGraphQLとswrライブラリで作ってみました～vercelでホスティング～

こんにちわ。nap5です。


FaunaDBを使ったnextjs製CRUDアプリをGraphQLとswrライブラリで作ってみましたので、紹介したいと思います。

前回の記事と関連です。

swrライブラリはこちらになります。

はじめに – SWR

今回はGraphQLを使うということでクライアントにurqlライブラリを使いました。

urql Documentation

デモサイトです。

タイトル未設定

デモコードです。

sleepy-darwin-en4t84 - CodeSandbox

動かすためには、以下のKEYの部分をFaunaDBのダッシュボードから作成して置換しておく必要があります。

Fauna | The distributed serverless database

export NEXT_PUBLIC_FAUNADB_SECRET=HERE_YOUR_KEY

FaunaDBのUdemyコースを以下で公開していますので、興味ある方はどうぞ。

FaunaDBを使用したRSSキュレーションミニシステムの構築

簡単ですが、以上です。