Redis Browser for Upstash Redis - Preview
@upstash/react-redis-browser is a React component that provides a UI for browsing and editing data in your Upstash Redis instances.
Install the databrowser component via npm:
$ npm install @upstash/react-redis-browserHere's a basic example of how to use the component:
import { RedisBrowser } from "@upstash/react-redis-browser" import "@upstash/react-redis-browser/dist/index.css" export default function Page() { return ( <RedisBrowser url={UPSTASH_REDIS_REST_URL} token={UPSTASH_REDIS_REST_TOKEN} /> ) }The state of the databrowser can be persisted using the storage property.
import { RedisBrowser } from "@upstash/react-redis-browser" import "@upstash/react-redis-browser/dist/index.css" export default function Page() { return ( <RedisBrowser url={UPSTASH_REDIS_REST_URL} token={UPSTASH_REDIS_REST_TOKEN} storage={{ get: () => localStorage.getItem("databrowser") || "", set: (value) => localStorage.setItem("databrowser", value), }} /> ) }
