🌐 Cloudflare Custom Pages - Next.js

A set of elegant, out-of-the-box Cloudflare WAF Custom Page Templates implemented using Next.js, Tailwind CSS, and HeroUI. Built with Next.js 15, TypeScript, and Tailwind CSS, featuring responsive design, dark mode support, and automatic Cloudflare variable replacement.

[!TIP] Please comply with the project's Open Source License when making modifications.

✨ Key Features

• 🎨 Modern Responsive Design: Sleek and contemporary layout optimized for all devices.
• 🌙 Dark Mode Support: Automatically adapts to system preferences for comfortable viewing.
• 🔒 Full Coverage of Cloudflare Page Types:
  • Block: WAF interception pages
  • Error: 1000s / 500s error pages
  • Captcha: CAPTCHA challenge pages
• 📱 Mobile-First Approach: Guaranteed smooth experience on mobile devices.
• 🎭 Automatic Cloudflare Variable Replacement: Seamless integration of Cloudflare-specific variables.

🛠️ Tech Stack

• Next.js 15 + React 19
• HeroUI v2 + Tailwind CSS v3
• TypeScript