基于 Nuxt 4 构建,使用 Vue 组件体系
landing — Nuxt 企业官网模板
作者 stackhacker-ui
基于 Nuxt 4、shadcn-vue 与 Tailwind CSS v4 的落地页模板,使用 Nuxt Content 管理内容,适合搭建企业官网或产品着陆页。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
目前有 1 张原始预览,可打开完整图片查看设计细节。
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
集成 shadcn-vue 组件与 Tailwind CSS v4
使用 Nuxt Content 管理落地页内容
提供浅色与深色两套界面截图
支持 nuxi 模板初始化与 Vercel 一键部署
README 列出 lint、typecheck、build 等 CI 检查命令
模板详细介绍
Stackhacker UI Landing Template 是一个面向 Nuxt 4 的落地页模板,由 stackhacker-ui 维护,采用 MIT 许可证。它把 shadcn-vue 组件与 Tailwind CSS v4 组合在一起,并引入 Nuxt Content 来组织页面内容,仓库中提供了浅色与深色两套截图,说明模板本身包含明暗主题的展示形态。
使用方式上,模板支持通过 nuxi 的模板参数直接初始化项目,也提供了 Vercel 的一键部署入口。README 中列出了安装依赖、启动开发服务器、构建生产版本和本地预览的常用命令,并说明可以运行 lint、typecheck 与 build 来执行与 CI 相同的检查,同时给出了 Renovate 的接入方式。
模板定位为落地页起点,包含页面结构、组件与样式基础,具体业务内容需要使用者自行替换。仓库当前没有 star,许可证状态标记为 review,但仓库内存在标准 MIT 许可证文件。
适合你的项目吗?
适用场景
- 搭建企业官网或产品介绍页面
- 作为 Nuxt 4 与 shadcn-vue 组合的起步项目
- 需要明暗主题展示的营销落地页
- 用 Nuxt Content 维护文案内容的静态站点
适合人群
- 熟悉 Nuxt 与 Vue 的前端开发者
- 希望以 shadcn-vue 组件快速起步的团队
- 需要落地页模板并自行替换内容的项目
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
可通过 pnpm dlx nuxi@latest init my-app -t gh:stackhacker-ui/landing 初始化项目
- 2
安装依赖使用 pnpm install,开发服务器默认运行在 http://localhost:3000
- 3
生产构建使用 pnpm build,本地预览使用 pnpm preview
- 4
可运行 pnpm lint、pnpm typecheck、pnpm build 执行与 CI 相同的检查
- 5
仓库提供 Vercel 部署按钮,可一键克隆并部署
授权与来源资料
使用条件与限制
待核对- 尚未完成使用条件评估,请先查看原仓库许可证。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料较完整 · 79 / 100
- 技术栈
- Nuxt · Vue
- 网站类型
- 企业官网
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2026-09-14
- 截图检查日期
- 2026-09-14
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Nuxt。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
当前版本没有可核对的编辑审核记录;旧的应用时间不代表已完成事实审核。
这条历史介绍未保存固定版本的来源快照。请对照当前仓库,发现不一致可反馈。
反馈内容错误看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

landing
Nuxt Landing Template made with Nuxt UI and Nuxt Content.
Nuxt · 企业官网

tailwind-landing-page-nuxt
Nuxt Version of the Tailwind Template Landing Page
Nuxt · 企业官网

agence-x-unocss
AgenceX 是一个面向数字营销机构的企业官网落地页模板,技术栈为 Nuxt 与 UnoCSS,并借助 Unify UI Blocks 组织页面区块。 项目结构简单直接,主要面向需要快速呈现品牌形象与核心服务的团队。
Nuxt · 企业官网

landing-template
Firelayer Template - Landing (Nuxt.js Website)
Nuxt · 企业官网

nuxt-starter
Nuxt Starter is a minimal template created for quick landing pages, built with Nuxt and Tailwind CSS.
Nuxt · 企业官网

nuxt-starter-template
Template for basic static site generated marketing website
Nuxt · 企业官网
