Cloudflare WAF自定义页面模板:开箱即用的解决方案

作者:

Cloudflare Custom Pages 与 Next.js 的结合为网站提供了一种全新的美化页面解决方案。专为 Cloudflare Pro 及以上用户提供,这些定制页面模板包括错误页面、阻止页面和验证页面,旨在提升用户体验并强化品牌形象。

工具介绍

Cloudflare WAF自定义页面模板预览

通过利用 Next.js 的强大功能,这些模板不仅美观,还具备高性能快速加载的特点。此外,它们支持 Vercel 部署,简化了部署流程,让网站维护更加便捷。

特色功能

  • 🎨 现代化响应式设计:适配各种设备尺寸,使用 Polyfill 技术向前兼容老旧浏览器。
  • 🌙 深色模式支持:自动适配系统偏好,支持切换亮/暗色模式。
  • 🔒 完整支持所有 Cloudflare 自定义页面类型: Block:WAF 拦截页面 Error:1000s / 500s 错误页面 Captcha:CAPTCHA 质询页面
  • Block:WAF 拦截页面
  • Error:1000s / 500s 错误页面
  • Captcha:CAPTCHA 质询页面
  • 🎭 自动替换 Cloudflare 变量:无缝集成 Cloudflare 特定变量到页面中。

相关链接

  • 📺 在线预览:https://cw-preview.000000039.xyz/
  • 📦 GitHub 项目:https://github.com/Alice39s/cloudflare-custom-pages-nextjs

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注