rsnext/examples/with-redis
leung018 66597be8a7
Add .yarn/install-state.gz to .gitignore (#56637)
### Reason for making this change
https://yarnpkg.com/getting-started/qa#:~:text=yarn%2Finstall%2Dstate.,your%20workspaces%20all%20over%20again.
In the official documentation of `yarn`, it is stated that `.yarn/install-state.gz` is an optimization file that developer shouldn't ever have to commit. However, currently, when running `create-next-app`, `.yarn/install-state.gz` is being commited.

### Remaining work
I apologize for only modifying one template initially to initiate the discussion first.

If this change is agreed upon,  it should be synchronized with other `.gitignore` templates. Would it be possible to follow a similar approach as in https://github.com/vercel/next.js/pull/47241? I would appreciate any assistance in syncing this change.
2023-10-18 16:34:48 +00:00
..
lib Convert with-redis example to TypeScript (#34720) 2022-02-23 18:52:57 +00:00
pages update example Deploy button URLs (#48842) 2023-04-26 13:31:44 -04:00
public Update Redis example to use Tailwind. (#23131) 2021-03-17 21:11:57 +00:00
styles Update Redis example to use Tailwind. (#23131) 2021-03-17 21:11:57 +00:00
.gitignore Add .yarn/install-state.gz to .gitignore (#56637) 2023-10-18 16:34:48 +00:00
next-env.d.ts Remove incorrect entries for pnpm debug log (#47241) 2023-03-26 22:26:05 -07:00
package.json examples: Bump SWR to v2.0.0 (#44790) 2023-01-12 09:36:29 -08:00
postcss.config.js Fix tailwind error with Redis example. (#27042) 2021-07-12 10:35:50 -05:00
README.md update example Deploy button URLs (#48842) 2023-04-26 13:31:44 -04:00
tailwind.config.js [Docs] Add config types to all examples (#40083) 2022-08-31 16:41:22 -05:00
tsconfig.json Convert with-redis example to TypeScript (#34720) 2022-02-23 18:52:57 +00:00

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

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.

Deploy with Vercel

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).