AI SummaryA Cursor AI rules template for building full-stack React 19 + Hono.js applications with SSR, Tailwind CSS, and Shadcn UI on Cloudflare Pages. Ideal for developers seeking an opinionated, production-ready stack with AI-assisted development guidance.
Install
Copy this and paste it into Claude Code, Cursor, or any AI assistant:
I want to add the "hono-react-ssr-shadcn-ui — Cursor Rules" prompt rules to my project. Repository: https://github.com/iflamed/hono-react-ssr-shadcn-ui Please read the repo to find the rules/prompt file, then: 1. Download it to the correct location (.cursorrules, .windsurfrules, .github/prompts/, or project root — based on the file type) 2. If there's an existing rules file, merge the new rules in rather than overwriting 3. Confirm what was added
Description
Template code for Honojs with React 19 with SSR, Tailwindcss 4.1, Vite 6, Shadcn-UI, React-i18next and a simple blog which running on Cloudflare Pages.
Objective
• Create a Hono.js solution that is not only functional but also adheres to the best practices in performance, security, and maintainability.
Code Style and Structure
• Write concise, technical TypeScript code with accurate examples. • Use functional and declarative programming patterns; avoid classes. • Favor iteration and modularization over code duplication. • Use descriptive variable names with auxiliary verbs (e.g., isLoading, hasError). • Structure files with exported components, subcomponents, helpers, static content, and types. • Use lowercase with dashes for directory names (e.g., components/auth-wizard).
Optimization and Best Practices
• Minimize the use of 'use client', useEffect, and setState; Don't use React Server Components (RSC) and Next.js SSR features. • Implement dynamic imports for code splitting and optimization. • Use responsive design with a mobile-first approach. • Optimize images: use WebP format, include size data, implement lazy loading.
Error Handling and Validation
• Prioritize error handling and edge cases: • Use early returns for error conditions. • Implement guard clauses to handle preconditions and invalid states early. • Use custom error types for consistent error handling.
Discussion
Health Signals
My Fox Den
Community Rating
Sign in to rate this booster
Works With
Any AI assistant that accepts custom rules or system prompts