Astro 静态生成,配合 Tailwind CSS 与 Chart.js 呈现图表
n8n-stats — Astro 后台模板
作者 gxjansen
n8n Pulse 是一个基于 Astro 静态生成的 n8n 社区数据看板,汇总模板、节点、创作者、社区讨论、活动与开发者指标,并提供数据对比工具。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 3
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
数据以版本控制的扁平 JSON 保存,GitHub Actions 每日从多个 API 更新
覆盖模板、节点、创作者、讨论、活动、开发者指标与市场趋势等页面
/playground 支持选择任意指标按时间对比、做相关性分析并生成可分享 URL
自托管 Umami 分析与自托管字体,并设置 CSP 限制外部资源
使用 Vitest 做单元测试、Playwright 做端到端测试
模板详细介绍
n8n Pulse 是面向 n8n 社区的数据看板与生态浏览器,使用 Astro 静态站点生成,图表由 Chart.js 绘制,样式基于 Tailwind CSS。数据以版本控制的扁平 JSON 文件保存,并通过 GitHub Actions 每日从多个 API 拉取更新。
页面按主题划分:首页展示增长指标、趋势模板与 AI 采用情况;/templates 支持浏览和搜索 7,700+ 社区工作流模板,可按分类筛选并查看趋势标记;/nodes 统计各节点在所有模板中的使用情况;/creators 依据 n8n Arena 数据按浏览量和插入量排列模板创作者;/discussions 汇总论坛成员增长、话题活跃度与 Discord 服务器数据;/events 在世界地图上展示线下聚会与活动;/dev 汇总 GitHub stars、forks、releases、npm 下载量与 Docker 拉取量;/market 展示 npm 下载趋势及相关包统计;/ambassadors 在地图上列出社区大使;/playground 支持选择任意指标按时间对比、做相关性分析并生成可分享的图表 URL。
数据来源包括 n8n Templates API、GitHub API、Discourse API、Discord API、Bluesky API、Reddit API、npm API、Docker Hub、Luma、n8n Arena 与 Notion 抓取,多数每日更新,n8n Arena 与大使目录每周更新。项目使用自托管 Umami 分析、自托管字体,并设置 CSP 限制外部资源。
限制方面:这是独立社区项目,与 n8n GmbH 无关联;数据依赖上述外部 API 的可用性与更新频率;演示图片、字体、图标等第三方素材需单独核对许可;域名、托管等外部服务可能另计费用。
适合你的项目吗?
适用场景
- 查看 n8n 社区模板的增长趋势与热门模板
- 统计各节点在社区模板中的使用频率
- 按浏览量和插入量查看模板创作者排行
- 跟踪论坛、Discord、GitHub、npm 与 Docker 的社区指标
- 在地图上浏览 n8n 线下活动与社区大使分布
适合人群
- 关注 n8n 生态数据的社区成员与开发者
- 需要参考模板与节点使用趋势的 n8n 使用者
- 希望基于公开 API 搭建类似数据看板的开发者
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
需要 Node.js 环境,安装依赖后可用 npm run dev 启动开发服务器
- 2
构建生产版本使用 npm run build,本地预览使用 npm run preview
- 3
数据更新脚本包括 npm run update-all-history、npm run fetch-data、npm run fetch-daily 与 npm run fetch-external
- 4
测试命令为 npm run test、npm run test:e2e 与 npm run test:all
- 5
项目采用 MIT 许可,分发代码副本或实质性部分时需保留版权声明与完整许可声明
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 该项目为独立社区项目,与 n8n GmbH 无关联,不得暗示其获得 n8n 官方认可或背书。
- 看板数据依赖 n8n Templates API、GitHub、Discourse、Discord、Bluesky、Reddit、npm、Docker Hub、Luma、n8n Arena 与 Notion 抓取等外部服务,需自行获取相应访问权限或 API 凭据,服务可用性与更新频率不受本项目控制。
- 分析功能依赖自托管 Umami 实例,需自行部署并承担相应服务器成本。
- 部署示例使用 Netlify,域名与托管等外部服务可能产生额外费用。
- 创作者指标数据来自第三方 n8n Arena,使用其数据需遵守该第三方服务的条款。
- 世界地图素材来自 NASA Blue Marble,虽为公有领域,但其他演示图片、字体、图标等第三方素材需单独核对许可。
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据
Permission is hereby granted, free of charge
许可证原文
This is an independent community project, not affiliated with n8n GmbH.
README 原文
Data Sources
README 原文
Self-hosted [Umami](https://umami.is/) (privacy-friendly)
README 原文
**Hosting**: Netlify
README 原文
**Creator metrics**: Powered by [n8n Arena](https://n8narena.com)
README 原文
https://github.com/gxjansen/n8n-stats/blob/main/LICENSEhttps://github.com/gxjansen/n8n-stats/blob/main/README.md**World map**: [NASA Blue Marble](https://visibleearth.nasa.gov/collection/1484/blue-marble) (public domain)
README 原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-01。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料较完整 · 83 / 100
- 技术栈
- Astro
- 网站类型
- 后台
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2026-10-01
- 截图检查日期
- 2026-10-01
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Astro。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
已完成服务器许可规则与 AI 来源核对;未经过人工编辑审核。
查看当时使用的来源资料
SHA-256: 0122f4be062039fd5d52c0b2a247cee5c9bd4fcaddf9e0d49c21db4ee28c3b5d
2026-10-01T15:31:45.665Z
来源文件 / 仓库# n8n Pulse Community health dashboard and ecosystem explorer for n8n. Track growth, discover trends, and explore community activity. **Live site**: https://n8n-pulse.gui.do ## Features ### Dashboard Overview with growth velocity metrics, trending templates, and AI adoption insights. ### Template Explorer (`/templates`) Browse and search 7,700+ community workflow templates with category filters and trending indicators. ### Node Statistics (`/nodes`) See which nodes are most popular across all templates, with detailed usage stats per node. ### Creator Leaderboard (`/creators`) Top template creators ranked by views and inserters, powered by n8n Arena data. ### Community Discussions (`/discussions`) Forum member growth, topic activity, and Discord server stats. ### Community Events (`/events`) Worldwide meetups and events displayed on an interactive map. ### Developer Stats (`/dev`) GitHub stars, forks, releases, npm downloads, and Docker pulls. ### Market Landscape (`/market`) Ecosystem overview including npm download trends and related package statistics. ### Ambassador Directory (`/ambassadors`) n8n community ambassadors displayed on a world map. ### Data Playground (`/playground`) Compare any metrics over time with correlation analysis. Build custom charts and share URLs. ## Tech Stack - **Framework**: [Astro](https://astro.build/) 5 (static site generation) - **Styling**: [Tailwind CSS](https://tailwindcss.com/) - **Charts**: [Chart.js](https://www.chartjs.org/) with treemaps and annotations - **Data**: Flat JSON files (version controlled) + daily API updates via GitHub Actions - **Testing**: [Vitest](https://vitest.dev/) (unit) + [Playwright](https://playwright.dev/) (E2E) - **Analytics**: Self-hosted [Umami](https://umami.is/) (privacy-friendly) - **Hosting**: Netlify ## Data Sources | Source | Data | Update | |--------|------|--------| | n8n Templates API | Templates, nodes, views, creators | Daily | | GitHub API | Stars, forks, releases, issues | Daily | | Discourse API | Forum members, topics, posts | Daily | | Discord API | Server members, online count | Daily | | Bluesky API | Posts, followers, engagement | Daily | | Reddit API | r/n8n subscribers, posts | Daily | | npm API | Download counts | Daily | | Docker Hub | Pull counts | Daily | | Luma | Community events | Daily | | n8n Arena | Creator metrics (inserters) | Weekly | | Notion (scrape) | Ambassador directory | Weekly | ## Development ```bash # Install dependencies npm install # Start dev server npm run dev # Build for production npm run build # Preview production build npm run preview # Update all history data npm run update-all-history # Fetch fresh data from APIs npm run fetch-data npm run fetch-daily npm run fetch-external ``` ## Testing ```bash # Run unit tests npm run test # Run unit tests in watch mode npm run test:watch # Run E2E tests npm run test:e2e # Run all tests npm run test:all ``` ## Project Structure ``` src/ ├── components/ # UI components (cards, charts) ├── layouts/ # Page layouts ├── pages/ # Routes ├── lib/ │ ├── api/ # API clients │ ├── playground/ # Data playground logic │ └── utils/ # Helper functions └── styles/ # Global styles public/data/ # Historical data (version controlled) scripts/ # Data fetching and processing scripts ``` ## Privacy - Self-hosted analytics (no Google Analytics) - Self-hosted fonts (no external font services) - No tracking pixels or third-party scripts - CSP headers restricting external resources ## Contributing This is an independent community project, not affiliated with n8n GmbH. Issues and suggestions welcome at the GitHub repository. ## Attributions - **Creator metrics**: Powered by [n8n Arena](https://n8narena.com) - **World map**: [NASA Blue Marble](https://visibleearth.nasa.gov/collection/1484/blue-marble) (public domain) ## License MIT
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

AdminLTE
AdminLTE - Free admin dashboard template based on Bootstrap 5
Astro · 后台

flowbite-astro-admin-dashboard
Open-source admin dashboard template built with Astro, Flowbite, and Tailwind CSS
Astro · 后台
accessible-astro-dashboard
accessible-astro-dashboard 是一个以无障碍为设计核心的 Astro 后台管理模板。
Astro · 后台

bootstrap-admin-template
AsteroAdmin 是一套用 Astro 和 Bootstrap 5.3.3 搭起来的后台界面模板,定位偏静态前端骨架:页面由 .astro 组件与布局拼装,样式走 SCSS 变量体系,构建链整合了 ESBuild…
Astro · 后台

accessible-astro-docs
Official documentation website for all the Accessible Astro Projects, which include the Starter, Dashboard and…
Astro · 后台

astro-blog
Astro 6 blog template with built-in browser admin panel. Write & publish MDX posts without touching a text edi…
Astro · 后台
