Skip to content

Latest commit

 

History

History
81 lines (55 loc) · 1.29 KB

README-zh-Hant.md

File metadata and controls

81 lines (55 loc) · 1.29 KB

elysiajs-nuxt

輕鬆地整合 elysia 與 nuxt,支援 @nuxt/devtools 與 @elysiajs/eden 歐!

Demo

demo.mp4

使用

開發環境

  1. 安裝套件
# 目前僅支援 Bun
bun add elysiajs-nuxt
bun add nuxt elysia --dev
  1. 設定 nuxt.config.ts
// src-client/nuxt.config.ts
export default defineNuxtConfig({
  // 必要設定!
  nitro: { preset: import.meta.resolveSync('elysiajs-nuxt/preset') },
  // 必要設定!
  vite: { server: { origin: 'localhost:3000' } }
})
  1. 使用 elysiajs-nuxt 為 plugin
// src-server/index.ts
import { Elysia } from 'elysia'
import elysiaNuxt from 'elysiajs-nuxt'

new Elysia().use(elysiaNuxt).listen(5566)
  1. 同時啟動開發服務器,客戶端(nuxt) 與服務器(elysia)
# 服務器
bun run --watch src-server
# 客戶端
bun --bun nuxt dev src-client/index.ts

產品環境

  1. 編譯客戶端
bun --bun nuxt build src-client
  1. 啟動服務器
# 環境變數為必要設定
NODE_ENV=production bun run src-server/index.ts

範例參考

作者

語言