https://github.com/wangrongding/access-counter
🌈 超级简单好用的 github profile 访问计数器。 使用 Vercel KV for Redis 记录浏览量。
https://github.com/wangrongding/access-counter
access-couter counter github-profile-readme profile-views-counter readme-profile view-couter views views-couter
Last synced: 11 months ago
JSON representation
🌈 超级简单好用的 github profile 访问计数器。 使用 Vercel KV for Redis 记录浏览量。
- Host: GitHub
- URL: https://github.com/wangrongding/access-counter
- Owner: wangrongding
- Created: 2023-05-04T07:18:25.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-09-05T17:30:39.000Z (over 2 years ago)
- Last Synced: 2025-03-19T07:11:26.134Z (12 months ago)
- Topics: access-couter, counter, github-profile-readme, profile-views-counter, readme-profile, view-couter, views, views-couter
- Language: TypeScript
- Homepage: https://access-counter.vercel.app
- Size: 1.35 MB
- Stars: 22
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README copy.md
Awesome Lists containing this project
README
---
name: Vercel KV for Redis Next.js Starter
slug: kv-redis-starter
description: Simple Next.js template that uses Vercel KV for Redis to track pageviews.
framework: Next.js
useCase: Starter
css: Tailwind
database: Vercel KV
deployUrl: https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fvercel%2Fexamples%2Ftree%2Fmain%2Fstorage%2Fkv-redis-starter&project-name=kv-redis-starter&repository-name=kv-redis-starter&demo-title=Vercel%20KV%20for%20Redis%20Next.js%20Starter&demo-description=Simple%20Next.js%20template%20that%20uses%20Vercel%20KV%20for%20Redis%20to%20track%20pageviews.&demo-url=https%3A%2F%2Fkv-redis-starter.vercel.app%2F&demo-image=https%3A%2F%2Fkv-redis-starter.vercel.app%2Fopengraph-image.png&stores=%5B%7B"type"%3A"kv"%7D%5D
demoUrl: https://kv-redis-starter.vercel.app/
relatedTemplates:
- blob-starter
- postgres-starter
---
# Vercel KV for Redis Next.js Starter
Simple Next.js template that uses [Vercel KV for Redis](https://vercel.com/kv) to track pageviews.
## Demo
https://kv-redis-starter.vercel.app/
## How to Use
You can choose from one of the following two methods to use this repository:
### One-Click Deploy
Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=vercel-examples):
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fvercel%2Fexamples%2Ftree%2Fmain%2Fstorage%2Fkv-redis-starter&project-name=kv-redis-starter&repository-name=kv-redis-starter&demo-title=Vercel%20KV%20for%20Redis%20Next.js%20Starter&demo-description=Simple%20Next.js%20template%20that%20uses%20Vercel%20KV%20for%20Redis%20to%20track%20pageviews.&demo-url=https%3A%2F%2Fkv-redis-starter.vercel.app%2F&demo-image=https%3A%2F%2Fkv-redis-starter.vercel.app%2Fopengraph-image.png&stores=%5B%7B"type"%3A"kv"%7D%5D)
### Clone and Deploy
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [pnpm](https://pnpm.io/installation) to bootstrap the example:
```bash
pnpm create next-app --example https://github.com/vercel/examples/tree/main/storage/kv-redis-starter
```
Once that's done, copy the .env.example file in this directory to .env.local (which will be ignored by Git):
```bash
cp .env.example .env.local
```
Then open `.env.local` and set the environment variables to match the ones in your Vercel Storage Dashboard.
Next, run Next.js in development mode:
```bash
pnpm dev
```
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=vercel-examples) ([Documentation](https://nextjs.org/docs/deployment)).