🌐
前后端分离 · 全栈示例

GoFrame 构建后端
Nuxt.js 驱动前端

一个完整的前后端分离项目模板,GoFrame 提供高性能 API,Nuxt 3 负责 SSR 渲染与前端交互

2服务节点
< 5msAPI 延迟
SSR渲染模式
TypeScript类型安全

核心特性

为什么选择这套技术栈?

高性能 API

GoFrame 基于 Go 原生 HTTP,性能远超 Node.js,轻松应对高并发场景

🎯

服务端渲染

Nuxt 3 SSR 首屏秒开,SEO 友好,客户端无缝 hydration

🔗

API 代理

Nuxt Server 做反向代理,解决跨域问题,前端零 CORS 配置

🛡️

类型安全

前后端均使用强类型语言,编译期捕获错误,减少线上 Bug

📦

容器化部署

Docker 容器隔离,服务名即域名,一键编排上线

🔄

热重载开发

前端 HMR + Go 热编译,修改即刻生效,开发体验丝滑

系统架构

请求从浏览器到数据库的完整链路

🌐浏览器用户访问
Nuxt 3SSR + API 代理
🔧GoFrameRESTful API
💾Database数据存储

技术栈

🟢Go1.24
🔵GoFramev2.10
💚Vue3.5
🟩Nuxt3.21
🟦TypeScript5.x
🐳DockerCompose