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