牛嚼牡丹

车子年检，鄂州走起

论牛马的心理素质


# Serverless 网站怎么显示页面浏览量

## 问题是什么

传统的博客系统像 WordPress，因为有后端数据库，每次用户访问就 +1 很简单。

但用 Next.js 这种前端框架搭建的静态网站就不一样了。没有持续运行的服务器，那数据存在哪儿？怎么统计？

所以问题归结为：**怎么在没有后端的情况下，显示页面的访问量？**

## 思路是什么

其实也不复杂。找个现成的分析服务（比如 Umami），让它帮你追踪网站访问。然后在前端通过 API 调用它的数据，展示出来。

流程是这样的：
1. 用户访问你的网站
2. 网站埋入 Umami 的追踪代码，自动报告用户访问
3. Umami 把这些数据存起来
4. 你的网站通过 API 从 Umami 拉取数据
5. 在页面上显示访问量

> [!note] 
> Umami V3更新了，之前的方案不行了，来自[THW](https://tianhw.top/posts/fuwari-umami-stats/)的博客，貌似可以解决该问题。

使用 Umami + Next.js 实现轻量级网站分析。从零开始构建现代化的无服务器访问统计系统，在前端显示。Serverless 网站怎么显示页面浏览量 问题是什么 传统的博客系统像 WordPress，因为有后端数据库，每次用户访问就 +1 很简单。 但用 Next.js …

Serverless网站怎么显示页面浏览量？

使用 Umami + Next.js 实现轻量级网站分析

评论