WEB

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

デモサイトです。

デモコードです。

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

export NEXT_PUBLIC_FAUNADB_SECRET=HERE_YOUR_KEY

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

簡単ですが、以上です。