mieze018 / nextjs-roadmap

Redis Example (with Upstash)

This example showcases how to use Redis as a data store in a Next.js project.

The example is a roadmap voting application where users can enter and vote for feature requests. It features the following:

• Users can add and upvote items (features in the roadmap)
• Users can enter their email addresses to be notified about the released items.
• The API records the ip-addresses of the voters, so it does not allow multiple votes on the same item from the same IP address.

Demo

• https://roadmap-redis.vercel.app/

Deploy Your Own

This examples uses Upstash (Serverless Redis Database) as its data storage. During deployment, you will be asked to connect with Upstash. The integration will help you create a free Redis database and link it to your Vercel project automatically.

How to use

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example with-redis roadmap
# or
yarn create next-app --example with-redis roadmap
# or
pnpm create next-app --example with-redis roadmap

Deploy it to the cloud with Vercel (Documentation).