Warning
This is an example of ThemeProvider. While the Light and Dark buttons work correctly when deployed to Cloudflare Pages, they do not function on the local development server started with bun run dev.
- Install dependencies using bun:
bun install- Start the development server:
bun run dev- Install bun using aqua
aqua i -l- Create a HonoX project:
$ bun run npm create hono@latest
Need to install the following packages:
create-hono@0.7.3
Ok to proceed? (y) y
create-hono version 0.7.3
? Target directory honox-shadcn-ui-themeprovider
? Which template do you want to use? x-basic
✔ Cloning the template
? Do you want to install project dependencies? yes
? Which package manager do you want to use? bun
✔ Installing project dependencies
🎉 Copied project files
Get started with: cd honox-shadcn-themeprovider- Add
components.json - Install dependencies:
# react
bun add react react-dom react-day-picker @hono/react-renderer -E
bun add @types/react @types/react-dom -E -d
# shadcn/ui
bun add tailwindcss postcss autoprefixer -E -d
bun x shadcn-ui@latest add button
bun add class-variance-authority -EMIT