hono+vite+cf worker+shadncn?

[Puliczek]

Hello,

Is there any template or tutorial how to add shadncn to hono+vite template?

I tried to use official shadcn docs, but didn't work:
https://ui.shadcn.com/docs/installation/vite

Thanks,

[edions]

I actually came across a project that might align with what you're looking for.
https://github.com/iflamed/hono-react-ssr-shadcn-ui

[blockchainGuru1018]

Yes, there is a solution for integrating Shadcn UI with Hono, Vite, and Cloudflare Workers. A community member has shared a template that combines these technologies:

Hono + Vite + Shadcn UI Template

A GitHub repository named hono-react-ssr-shadcn-ui
provides a starter template that integrates Hono.js with React, Vite, Tailwind CSS, and Shadcn UI. This setup supports server-side rendering (SSR) and is designed for deployment on Cloudflare Pages.

Key Features:

• React 19.1 with SSR
• Tailwind CSS 4.1
• Shadcn UI components
• React-i18next for internationalization
• Cloudflare KV for blog content storage
• Simple blog application as a demonstration

Setup Instructions:

1. Clone the repository:

git clone https://github.com/iflamed/hono-react-ssr-shadcn-ui.git
cd hono-react-ssr-shadcn-ui

2. Install dependencies:
   npm install

3. Start the development server:
   npm run dev

4. For Cloudflare deployment, configure your KV namespace and set up environment variables as described in the repository's README.

This template serves as a comprehensive starting point for building applications with Hono, Vite, and Shadcn UI. It addresses common integration challenges and provides a working example for developers.
If you need further assistance with specific configurations or deployments, feel free to ask!