skills.rest
lhz960904
lhz960904COMMUNITY
Explore all skills by this author →
GitHub

hono-fullstack

Scaffold a Vite + React + Hono fullstack app with server-only /api/* endpoints.

26|4|Updated Mar 28, 2026
Search Tags:#fullstack#webhooks#hono#api proxy#server-side rate limiting#vite react
One-click install
npx skills add https://github.com/lhz960904/code-artisan --skill hono-fullstack
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hono-fullstack
Source: https://github.com/lhz960904/code-artisan/tree/main/sandbox-template/skills/hono-fullstack
Command: npx skills add https://github.com/lhz960904/code-artisan --skill hono-fullstack

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps you scaffold a full-stack Vite + React + TypeScript frontend with a secure Hono server backend for tasks that must not run in the browser.

Core Features & Use Cases

  • Secure server-side API proxying: Keep hidden keys (LLM, Stripe, OpenAI, email/payment processors) on the server while your UI calls safe endpoints.
  • Webhook handling: Implement server-side webhook routes for external providers (Stripe/GitHub/etc.) without exposing secrets.
  • Server-only orchestration & rate limiting: Perform complex multi-step orchestration and enforce IP-based throttling that can’t safely run client-side.
  • When to pair with Supabase: Use the supabase skill for persistence and RLS-protected data operations, while this skill remains focused on server-only secrets/orchestration.

Quick Start

Ask the agent to scaffold a Vite + React + Hono fullstack app with a server-only /api/* endpoint for secure third-party API calls on the backend.

Frequently Asked Questions about hono-fullstack

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

FAQPage Schema
How do I hide API keys when calling third-party services from a Vite and React app?▼

To hide API keys in a Vite and React app, add a secure Hono server backend that proxies requests, keeping hidden keys server-side while the UI calls safe /api/* endpoints.

What is the best way to handle Stripe or GitHub webhooks in a fullstack TypeScript application?▼

The best way to handle provider webhooks in a fullstack TypeScript app is using a server-side Hono backend, which processes webhook routes securely without exposing your endpoint secrets to the browser.

How do I set up server-side rate limiting for a Vite frontend application?▼

You can set up server-side rate limiting for a Vite frontend by integrating a Hono backend, which enforces IP-based throttling and performs orchestration that cannot safely run client-side.

Does this Hono fullstack setup work with Supabase for persistent data operations?▼

Yes, this Hono fullstack setup works with Supabase by using Supabase for persistence and Row Level Security protected data operations, while the Hono server remains focused on server-only secrets and orchestration.

Can I use a Hono backend as an LLM streaming proxy for my web app?▼

Yes, you can use a Hono backend as an LLM streaming proxy for your web app, securely managing LLM API keys and orchestrating streaming responses from the server to your Vite frontend.

Related Skills

Explore More Software Engineering Skills→
fredericvilcotfredericvilcot
13

init-frontend

Initialize a React frontend project with Vite, TypeScript, and Vitest.

Community
Intermediate
rdimasciordimascio

setup-rls

Configure Supabase Row Level Security policies for table data access.

Community
Advanced
dadbodgeoffdadbodgeoff
783

webhook-security

Implements secure webhook handling with SHA-256 HMAC verification and replay protection.

Community
Advanced
taiki-yoshidataiki-yoshida
12

azure-swa-functions-stack

Builds a React + Vite frontend with standalone Azure Functions backend on SWA.

Community
Intermediate