輕鬆地整合 elysia 與 nuxt,支援 @nuxt/devtools 與 @elysiajs/eden 歐!
Demo
demo.mp4
- 安裝套件
# 目前僅支援 Bun
bun add elysiajs-nuxt
bun add nuxt elysia --dev
- 設定 nuxt.config.ts
// src-client/nuxt.config.ts
export default defineNuxtConfig({
// 必要設定!
nitro: { preset: import.meta.resolveSync('elysiajs-nuxt/preset') },
// 必要設定!
vite: { server: { origin: 'localhost:3000' } }
})
- 使用 elysiajs-nuxt 為 plugin
// src-server/index.ts
import { Elysia } from 'elysia'
import elysiaNuxt from 'elysiajs-nuxt'
new Elysia().use(elysiaNuxt).listen(5566)
- 同時啟動開發服務器,客戶端(nuxt) 與服務器(elysia)
# 服務器
bun run --watch src-server
# 客戶端
bun --bun nuxt dev src-client/index.ts
- 編譯客戶端
bun --bun nuxt build src-client
- 啟動服務器
# 環境變數為必要設定
NODE_ENV=production bun run src-server/index.ts