cf-pages

Generate Cloudflare Pages configurations for full-stack web applications.

1|Updated Mar 2, 2026
One-click install
npx skills add https://github.com/sitharaj88/claude-skills --skill cf-pages
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: cf-pages
Source: https://github.com/sitharaj88/claude-skills/tree/main/skills/cf-pages
Command: npx skills add https://github.com/sitharaj88/claude-skills --skill cf-pages

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill simplifies the process of generating configurations for deploying full-stack web applications on Cloudflare Pages, including server-side rendering, API functions, and edge deployment.

Core Features & Use Cases

  • Framework Integration: Supports popular frameworks like Next.js, Nuxt, Astro, Remix, SvelteKit, and SolidStart.
  • Functionality: Enables the creation of API routes using Pages Functions and integrates various Cloudflare bindings (KV, R2, D1, etc.).
  • Deployment Options: Facilitates deployment via Git integration or direct upload using wrangler.
  • Use Case: You need to deploy a Next.js application with server-side rendering and a few API endpoints to Cloudflare Pages. This skill will generate the necessary wrangler.toml, next.config.mjs, and example Pages Functions.

Quick Start

Use the cf-pages skill to generate configurations for deploying a Nuxt application with SSR and API functions on Cloudflare Pages.

Frequently Asked Questions about cf-pages

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I deploy a full-stack Next.js app with SSR and API routes to Cloudflare Pages?

To deploy a Next.js app with SSR to Cloudflare Pages, you need to generate production-ready configurations including wrangler.toml, next.config.mjs, and Pages Functions. This Skill creates those files automatically, supporting server-side rendering and API endpoint creation.

Can I use Cloudflare Pages Functions with bindings like KV, R2, and D1?

Yes, Cloudflare Pages Functions support various bindings like KV, R2, and D1. This Skill generates configurations that integrate these bindings directly into your API routes, enabling edge database and storage access for your full-stack web application.

What is the best way to configure a Nuxt application for hybrid rendering on Cloudflare Pages?

The best way to configure Nuxt for hybrid rendering on Cloudflare Pages is to generate the necessary wrangler.toml and framework-specific configuration files. This Skill automates that setup, supporting static, SSR, and hybrid rendering modes.

Does Cloudflare Pages deployment work with frameworks like Astro, Remix, SvelteKit, and SolidStart?

Yes, Cloudflare Pages deployment works with Astro, Remix, SvelteKit, and SolidStart. This Skill generates the required production-ready configurations to deploy these frameworks, handling both static assets and server-side rendered routes.

How do I deploy a full-stack web app to Cloudflare Pages using Git integration and wrangler CLI?

You can deploy a full-stack web app to Cloudflare Pages using Git integration or direct upload with the wrangler CLI. This Skill generates the required wrangler.toml configuration to facilitate both deployment options for your application.