FaunaDBのNextjs製認証付きTODOアプリをNetlifyでホスティングしてみました

こんにちわ。nap5です。


FaunaDBのNextjs製TODOアプリをNetlifyでホスティングしてみましたので、紹介したいと思います。

今回はホスティング先にNetlifyを選んでみました。

ログイン認証ありますが、検証用デモですので、メールアドレスは適当なやつでお願い致します。

確かめたい場合は、以下のような適当なものでお願い致します。あとはエイリアスなどでずらしながら確かめるといいかもです。

ID:test@example.com
PW:pAssW@2d

エイリアスなどでずらす場合

ID:test+1@example.com
PW:pAssW@2d

ID:test+2@example.com
PW:pAssW@2d

デモサイトです。

タイトル未設定

デモコードです。

cranky-tu-x3ksf0 - CodeSandbox

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

Fauna | The distributed serverless database

export NEXT_PUBLIC_FAUNADB_SECRET=HERE_YOUR_KEY

せっかくなので、nextjsのAPI機能を使ってみました。

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

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

簡単ですが、以上です。