Can I deploy applications built with this skill to Cloudflare Pages?

Absolutely, the skill includes configurations and npm scripts specifically optimized for both Cloudflare Pages and standard Workers.

How does it handle CSS and static assets?

It uses vite-ssr-components to manage script and style injection, ensuring assets are correctly linked and cached in both development and production environments.

Is TypeScript required for this setup?

The template is built from the ground up for TypeScript and JSX (via hono/jsx), ensuring type safety across both server-side and client-side code.

What is the primary benefit of using Hono with Vite for SSR?

It offers an extremely lightweight alternative to heavy frameworks, providing near-instant startup times and native compatibility with edge environments like Cloudflare Workers.

Does this skill support Hot Module Replacement (HMR)?

Yes, it includes a ViteClient component that enables full HMR for a seamless and fast local development experience.

Hono + Vite SSR Starter

Name: Hono + Vite SSR Starter
Author: kazuph

bykazuph

•

API 开发

Deploys high-performance SSR web applications using Hono, Vite, and Cloudflare Workers with a streamlined two-file architecture.

This skill provides a comprehensive template and architectural guide for building Server-Side Rendered (SSR) web applications using the Hono framework and Vite. It simplifies the development process by utilizing a minimal two-file structure (server and client) while providing robust support for TypeScript JSX, Hot Module Replacement (HMR), and seamless deployment to Cloudflare Workers or Pages. It is ideal for developers looking to bootstrap fast, edge-compatible web projects without the overhead of heavy frameworks, leveraging vite-ssr-components for automated asset management.

主要功能

01Automatic script and link injection via vite-ssr-components

02Minimalist two-file architecture for server and client-side logic

03Optimized build configurations for production-ready static asset handling

04Full SSR support with Hono JSX and Vite-powered Hot Module Replacement (HMR)

05Built-in integration for Cloudflare Workers and Cloudflare Pages deployment

0615 GitHub stars

使用场景

01Rapidly bootstrapping a new Hono-based SSR web application

02Developing edge-computed interactive dashboards on Cloudflare Workers

03Migrating existing Hono APIs to full-stack SSR applications

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add kazuph/dotfiles hono-vite-ssr

For use in Claude.ai and ChatGPT

Download Skill