Nuxt Coolify
將 Nuxt 與 Coolify 整合，以簡化您的部署併為您的自託管基礎設施建立自定義儀表板。
功能
- 🎯 輕鬆建立儀表板
- 使用您偏好的 CSS 框架構建自定義儀表板
- 輕鬆管理自託管的 Coolify 伺服器
- 🔄 內建 API 路由
- 用於 Coolify 整合的即用型 API 端點
- 支援 Hetzner 和 Vultr（即將推出）
- 型別安全的 API 響應
- 🚀 簡單部署
- 無縫的 DevOps 和 AppDev 工作流程
- 支援自託管和雲託管
- 完整的 Nuxt 模板和 Nitro 後端支援
- 🔐 靈活的身份驗證
- 自帶身份驗證系統
- 不可知和實用優先的方法
快速設定
- 安裝模組
# Using npm
npm install nuxt-coolify
# Using pnpm
pnpm add nuxt-coolify
# Using yarn
yarn add nuxt-coolify
- 將模組新增到您的
nuxt.config.ts
export default defineNuxtConfig({
modules: ['nuxt-coolify'],
})
- 將您的 Coolify 憑據新增到
.env
NUXT_COOLIFY_INSTANCES_DEFAULT_BASE_URL=<your-coolify-url>
NUXT_COOLIFY_INSTANCES_DEFAULT_API_TOKEN=<your-coolify-api-token>
基本用法
<script setup lang="ts">
const { data: instances, refresh } = useFetch('/api/v1/coolify/instances')
</script>
<template>
<div>
<h2>Coolify Instances</h2>
<pre>{{ instances }}</pre>
<button @click="refresh">Refresh</button>
</div>
</template>
開發
# Install dependencies
npm install
# Generate type stubs
npm run dev:prepare
# Develop with the playground
npm run dev
# Build the playground
npm run dev:build
# Run ESLint
npm run lint
# Run Vitest
npm run test
npm run test:watch
# Release new version
npm run release