skills.rest
abhijeetkakade1234
abhijeetkakade1234COMMUNITY
Explore all skills by this author →
𝕏@AbhijeetKakade0GitHub

cf-fullstack-starter

Scaffold a Cloudflare full-stack app with Hono, D1, R2, and React.

1|1|Updated Mar 5, 2026
Search Tags:#typescript#react#scaffolding#cloudflare#fullstack#hono
One-click install
npx skills add https://github.com/abhijeetkakade1234/skills --skill cf-fullstack-starter
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: cf-fullstack-starter
Source: https://github.com/abhijeetkakade1234/skills/tree/main/cf-fullstack-starter
Command: npx skills add https://github.com/abhijeetkakade1234/skills --skill cf-fullstack-starter

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires hono, jose, zod, vite, react, tanstack-react-query, sonner, and includes references (resource) components.

What problem does it solve?

This skill solves the complexity of architecting and scaffolding a production-ready full-stack application on Cloudflare by providing a standardized, feature-first blueprint that ensures security, scalability, and maintainability from day one.

Core Features & Use Cases

  • Feature-First Architecture: Organizes code by feature rather than technical layer, ensuring that routes, schemas, and components are co-located for easier maintenance.
  • Production-Grade Stack: Implements a robust stack including Hono, D1, R2, KV, React, and shadcn/ui with built-in security, RBAC, and cursor-based pagination.
  • Use Case: Use this when you need to start a new full-stack web application and want to ensure you are following best practices for Cloudflare Workers and Pages, including dependency vetting and security checklists.

Quick Start

Ask the AI to scaffold a new full-stack project named my-app using the Cloudflare full-stack starter template.

Frequently Asked Questions about cf-fullstack-starter

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

FAQPage Schema
How do I scaffold a full-stack app with Cloudflare Workers, Hono, and React?▼

To scaffold a full-stack Cloudflare app, this skill initializes a project with Hono for the API and React for the frontend, organizing code feature-first. It configures independent deployments for frontend and backend using Cloudflare Workers and Pages.

Does this Cloudflare starter template include JWT authentication and RBAC?▼

Yes, this Cloudflare starter template includes stateless JWT authentication and Role-Based Access Control (RBAC) as strict security defaults. It uses the jose library to handle JSON Web Tokens securely within the Hono API layer.

What's the best way to structure a new full-stack project for maintainability?▼

The best way to structure a full-stack project is using a feature-first architecture, which this skill applies during scaffolding. This organizes routes, schemas, and components by feature rather than technical layer, ensuring easier maintenance.

Can I use Cloudflare D1 and R2 with Hono and React for production apps?▼

Yes, you can build production-grade apps using Cloudflare D1 for relational data and R2 for object storage alongside Hono and React. This starter template integrates these services natively, adding cursor-based pagination and Zod validation.

How do I add cursor-based pagination and Zod validation to a Hono API?▼

Cursor-based pagination and Zod validation are pre-configured in the Hono API layer when you scaffold your project with this skill. It sets up the necessary query schemas and data fetching logic to implement these patterns immediately.

Do I need to deploy my frontend and API separately with this Cloudflare stack?▼

Yes, this skill scaffolds the architecture for independent API and frontend deployment. The Hono API runs on Cloudflare Workers while the React frontend deploys separately to Cloudflare Pages, ensuring scalable and isolated environments.

Related Skills

Explore More Software Engineering Skills→
besidkabesidka
26

wrangler

Automates Fleetrite's Fleetrite's Fleetrite's Fleetrite's Fleetrite's Fleetrite's Fleetrite's Fleetrite's Fleetrite's Fleetrite's Fleetrite's Fleetrite's Fleetrite's Fleetrite's Fleetrite's Fleetrite's Fleetrite's Fleetrite's Fleetrite's Fleetrite's Fleetrite's Fleetrite's Fleetrite's Fleetrite's Fleetrite's Fleetrite's Fleetr???

Official
Intermediate
HieubkavHieubkav

better-auth

Configure TypeScript authentication for Cloudflare Workers with Drizzle ORM or Kysely.

Community
Advanced
greyhaven-aigreyhaven-ai
29

grey-haven-tanstack-patterns

Standardize TanStack Start, Router, and Query patterns in React 19 applications.

Community
Intermediate
nic519nic519
2

cloudflare-nextjs

Deploy Next.js applications to Cloudflare Workers using the OpenNext adapter.

Community
Advanced