NuxtVue启动器

starter-nuxt — Nuxt 启动器模板

作者 starter-collective

基于 Nuxt 的 SSR 与全栈启动模板，集成 I18n、UnoCSS、Prisma 与 MySQL，并提供 SEO 相关配置。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

2 个预览视图
桌面端首页1 / 2
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-03查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

01

基于 Nuxt，具备 SSR、文件路由、组件自动导入与模块机制

02

通过 Prisma 与 MySQL 支持全栈开发

03

使用 Pinia 管理状态，示例位于 app/stores/layout.ts

04

内置 I18n，语言文件放在 locales 目录并支持自动导入

05

使用 UnoCSS，可引用任意图标集的 SVG 图标

06

提供 SEO 相关的 head 配置、组合式函数与组件

模板详细介绍

这是一个 Nuxt 启动模板，定位为 SSR 与全栈开发起点。它使用 Nuxt 的 SSR、基于文件的路由、组件自动导入与模块机制，并通过 Prisma 与 MySQL 支持全栈开发。状态管理使用 Pinia，示例见 app/stores/layout.ts。模板内置 I18n 支持，语言文件放在 locales 目录并可自动导入翻译文件；样式与图标方面使用 UnoCSS，支持以纯 CSS 方式引用任意图标集的 SVG 图标。SEO 方面提供 head 配置、组合式函数与组件。测试使用 Vitest 编写单元测试。部署上支持 Netlify 零配置部署，也可按 Nuxt 官方文档部署到 Node.js 服务器、静态托管或 serverless/边缘环境。使用方式包括在 GitHub 上从该模板创建仓库，或用 degit 拉取更干净的 git 历史；安装依赖使用 pnpm，开发服务器默认端口为 9865。模板附带一份清理清单，提示修改 i18n/locales/*.json 与 nuxt.config.ts 中的应用标题，以及替换 public 下的 favicon 与 logo 图标。仓库采用 MIT 许可，可免费使用、修改、商用与分发，但演示图片、字体、图标等第三方素材需单独核对许可，域名、托管、数据库等外部服务可能另行收费。

Nuxt启动器

适合你的项目吗？

适用场景

  • 需要 SSR 与 SEO 配置的 Nuxt 网站项目起步
  • 需要数据库访问的全栈应用原型搭建
  • 需要多语言支持的站点开发
  • 需要统一样式与图标方案的 Nuxt 项目

适合人群

  • 使用 Nuxt 开发 SSR 或全栈应用的开发者
  • 需要 I18n、UnoCSS、Prisma 与 MySQL 组合的团队
  • 希望以 MIT 许可代码为起点并自行核对第三方素材的开发者

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

  1. 1

    从 GitHub 模板创建仓库，或使用 npx degit starter-collective/starter-nuxt 拉取更干净的 git 历史

  2. 2

    使用 pnpm 安装依赖，pnpm dev 启动开发服务器并访问 http://localhost:9865

  3. 3

    构建使用 pnpm build，产物位于 .output，可用 pnpm preview 本地预览

  4. 4

    按清理清单修改 i18n/locales/*.json 与 nuxt.config.ts 中的应用标题，并替换 public 下的 favicon 与 logo

  5. 5

    部署可参考 Nuxt 部署文档，模板支持 Netlify 零配置部署

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 使用 Prisma 与 MySQL 进行全栈开发时，需要自行准备并运行 MySQL 数据库服务，可能产生数据库托管或服务器费用。
  • 部署到 Netlify 需要注册 Netlify 账号；若使用其他托管或数据库等外部服务，可能产生额外费用。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

Full-stack development with [Prisma](https://www.prisma.io/) and [MySQL](https://www.mysql.com/).

README 原文

Deploy on [Netlify](https://app.netlify.com/) with zero-config, supports other deployment methods as well.

README 原文
https://github.com/starter-collective/starter-nuxt/blob/main/LICENSEhttps://github.com/starter-collective/starter-nuxt/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-03。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 77 / 100
技术栈
Nuxt · Vue
网站类型
启动器
这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2025-08-01
截图检查日期
2026-10-03

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Nuxt。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 2571439add3eebce1c3ac94588c645c4d7641d58d8be6e451aaefeb448e5c268

2026-10-03T06:27:07.938Z

来源文件 / 仓库
# Nuxt Starter Template

[![GitHub Release Version](https://img.shields.io/github/v/release/starter-collective/starter-nuxt?label=Release&color=%42b883)](https://github.com/starter-collective/starter-nuxt/releases)
[![Build Status](https://github.com/starter-collective/starter-nuxt/actions/workflows/ci.yml/badge.svg?branch=main&color=%42b883)](https://github.com/starter-collective/starter-nuxt/actions/workflows/ci.yml)
[![Netlify Status](https://api.netlify.com/api/v1/badges/6b182d34-7d30-4206-aad9-9789d1c8ed11/deploy-status)](https://app.netlify.com/sites/starter-nuxt/deploys)

Nuxt SSR & full-stack starter template, supports I18n, UnoCSS, Prisma, MySQL and provides better SEO.

- [Live Demo](https://starter-nuxt.netlify.app/)
- [Play on Stackblitz](https://stackblitz.com/github/starter-collective/starter-nuxt)

## Features

- [Nuxt](https://nuxt.com/) - SSR, File-based routing, components auto importing, modules, etc.
- Full-stack development with [Prisma](https://www.prisma.io/) and [MySQL](https://www.mysql.com/).
- State Management via [Pinia](https://github.com/vuejs/pinia), see [/app/stores/layout.ts](./app/stores/layout.ts).
- Provide good [SEO](https://nuxt.com/docs/getting-started/seo-meta) for your website with powerful head config, composables and components.
- Use [SVG icons](https://github.com/antfu/unocss/tree/main/packages/preset-icons) from any icon sets in Pure CSS, powered by [UnoCSS](https://github.com/unocss/unocss).
- [I18n](./locales) ready, and supports automatic import of translated files.
- Unit Testing with [Vitest](https://github.com/vitest-dev/vitest).
- Deploy on [Netlify](https://app.netlify.com/) with zero-config, supports other deployment methods as well.

## Usage

[Create a repo](https://github.com/starter-collective/starter-nuxt/generate) from this template on GitHub.

```bash
git clone <git remote url>
```

Install dependencies.

```bash
cd starter-nuxt # Or your project directory

pnpm i # If you don't have pnpm installed, run: npm install -g pnpm
```

Just run and visit http://localhost:9865.

```bash
pnpm dev
```

To build the App, you can run:

```bash
pnpm build
```

You will then see the `.output` folder generated for publishing, which you can preview locally with the following command.

```bash
pnpm preview
```

## Deployment

Nuxt application can be deployed on a Node.js server, pre-rendered for static hosting, or deployed to serverless or edge (CDN) environments.

[How to deploy?](https://nuxt.com/docs/getting-started/deployment)

## Clean Template

If you prefer to do it manually with the cleaner git history:

```bash
npx degit starter-collective/starter-nuxt starter-nuxt

cd starter-nuxt

pnpm i # If you don't have pnpm installed, run: npm install -g pnpm
```

When you use this template, try follow the checklist to update your info properly:

- [ ] Change the app title in `i18n/locales/*.json` and `nuxt.config.ts`.
- [ ] Change the favicon and logo icon in `public`.

## License

[MIT License](./LICENSE) © 2024 [Kieran Wang](https://github.com/kieranwv/)
反馈内容错误

看看同类模板

对比同技术栈与用途的模板，找到更适合的视觉与内容结构。

laravel-nuxt

laravel-nuxt

A Laravel-Nuxt starter kit.

Nuxt · 启动器

canvas

canvas

Portfolio template made with Nuxt 3, Nuxt Content v3, NuxtUI v3 and TailwindCSS v4

Nuxt · 作品集

nuxt3-starter

nuxt3-starter

💚 A Better Nuxt 3 Starter Template，generate by nuxi.

Nuxt · 启动器

starter

starter

Nuxt Starter Template for Nuxt UI.

Nuxt · 启动器

bloggrify

bloggrify

Run a blog from Markdown files. Themes, SEO, analytics, newsletter and comments preconfigured. Like Docus, but…

Nuxt · 博客

vitify-nuxt

vitify-nuxt

🔽🏔 Vuetify + Nuxt Starter Template

Nuxt · 后台