乐趣区

关于next.js:Github-访问量统计

基于 Firebase 数据库和 Next.js 框架的 GitHub Profile 的访问量统计图标.


操作指南

第一步: Fork

Fork 以后我的项目.

第二步: 配置 Firebase

注册您集体的 Firebase 账户:

  • 点击 开始 增加我的项目.
  • 创立实时数据库并抉择 测试模式.
  • 数据库的构造应如下图所示:

  • 请将规定都改成 true:

第三步: 部署在 Vercel

  • 用您的 Github 账号登入到 Vercel.
  • 抉择方才 fork 的我的项目.
  • 找到 设置 , 增加 环境变量 , 名称 输出为 FIRE_BASE_URL 并输出第二步中创立的 Firebase 数据库链接:

  • 最初, 您能够抉择最新推上去的 commit 并重新部署, 不出所料的话所有都会顺利.

第四步: 更新 Github Profile

只需在 README.md 中插入下方的代码:

![](https://{您本人的 vercel 域名}/api/counter)

参考我的项目

当初 GitHub 有很多优良的访问量统计的开源我的项目,我筛选其中两个我最喜爱的我的项目供大家学习参考:

  • Tool from antonkomarev – 这是我过来几个月最长应用的我的项目,然而最近可能用户增多了,延时很高遂弃.
  • Tool from Ryan Lanciaux – 极客 UI, 如果想本人部署在 Glitch 上的话要留神服务器会进入睡眠的问题.

共享

源码在 GitHub, 喜爱的加个星~
欢送任何 issue 和 PR!

退出移动版