Next.js・Redis・Auth0で実現するロードマップ投票アプリケーション
私たちは、Redisを使えばサーバーレスアプリケーションをいかに手軽かつ実用的に開発できるかを示すため、サンプルアプリケーションの開発を続けてきました。これまでに公開した例の中で最も人気が高いのが「ロードマップ投票アプリケーション」です。しかし、実際の運用を始めると、次の2つの大きな課題が浮き彫りになりました。
- スパム投稿の発生: アプリには管理ダッシュボードがなく、投稿を削除するにはRedisに直接接続する必要がありました。
- リリース済み機能の管理: リストから一部の機能を実際にリリースした後も、「リリース済み」としてマークし、投票リストから除外する手段がありませんでした。
この2つの問題を同時に解決するため、私たちは認証機能の追加を決めました。認証を導入することで、以下が可能になります。
- 新しい機能リクエストを投稿するには、ユーザーのサインインが必須になる(スパム対策)。
- 自分たちを管理者として設定でき、機能リクエストの削除や「リリース済み」への変更が行える。
そこで、シングルサインオン(SSO)オプションに対応したAuth0認証モジュールを組み込みました。これが新しくなったUpstashロードマップ投票アプリです。
ページを下までスクロールすると、すでにリリースされた機能リクエストの一覧を確認できます。
自分のプロジェクトにデプロイしよう
このロードマップ投票アプリは、あなたのプロジェクト向けにも簡単に作成・デプロイできます。リポジトリの手順に従うだけでOKです。コードを書く必要は一切ありませんが、RedisとAuth0を連携させるために、環境変数の更新だけは行ってください。
もしAuth0を使わない、よりシンプルなバージョンをお好みであれば、examplesリポジトリで旧バージョンを確認できます。
-
Nuxt 3とサーバーレスRedis(Upstash)で始めるページ訪問カウント実装
Nuxt 3とサーバーレスRedis(Upstash)で始めるページ訪問カウント実装 アプリケーションの利用状況を追跡したり、リソース利用を制限したり、キャッシュからデータを取得してパフォーマンスを向上させたりする必要がある場合、Redisがその答えとなります。Redisはインメモリのキー・バリュー型データベースであり、オープンソースで「Remote Dictionary Server」の略称です。 この記事では、サーバーレスRedisサービスであるUpstashと、Vue SSRフレームワークの最新ベータ版であるNuxt 3を組み合わせた基本的なアプリケーション構築を通じて、Redisの基礎
-
Flutter、Serverless Framework、Upstash(Redis)で構築するフルスタックサーバーレスアプリ 第2部
チュートリアルシリーズ第2部へようこそ。第1部では、UpstashとServerless Framework、Redisを使ってREST APIを構築する方法を解説しました。 この第2部では、そのREST APIのエンドポイントを利用するモバイルアプリケーションをFlutterで構築していきます。 それでは始めましょう 🙃 事前準備 まず、お使いのコンピュータにFlutterがインストールされ、正常に動作している必要があります。 Flutter IDEで新しいFlutterプロジェクトを作成し、任意の名前を付けてください。 依存パッケージの追加 プロジェクトのルートディレクトリにあるpu