使用 Vue & UI Pro 的仪表板模板

直观的
Vue 框架

Nuxt 是一个 开源框架 ,它使 Web 开发变得直观且强大。
自信地创建高性能且生产级的全栈 Web 应用程序和网站。

开始使用

最优秀的前端团队信赖它

的力量
Vue 组件

我们像您一样热爱 Vue 单文件组件。Nuxt 允许您以一种有意义的方式编写 Vue 组件,简单、直观且强大。每个重复的任务都已自动化,因此您可以自信地专注于编写全栈 Vue 应用程序。

app.vue
<script setup>
useSeoMeta({
  title: 'Meet Nuxt',
  description: 'The Intuitive Vue Framework.'
})
</script>

<template>
  <div id="app">
    <AppHeader />
    <NuxtPage />
    <AppFooter />
  </div>
</template>

<style>
#app {
  background-color: #020420;
  color: #00DC82;
}
</style>

静态或动态,
由你决定

在路由级别决定你需要哪种渲染策略。通过利用混合渲染,你可以获得两全其美:静态网站的性能和动态网站的交互性。

export default defineNuxtConfig({
  routeRules: {
    // Homepage pre-rendered at build time
    '/': { prerender: true },
    // Product page generated on-demand, revalidates in background
    '/products/**': { swr: true },
    // Blog post generated on-demand once until next deploy
    '/blog/**': { isr: true },
    // Admin dashboard renders only on client-side
    '/admin/**': { ssr: false },
    // Add cors headers on API routes
    '/api/**': { cors: true },
    // Redirects legacy urls
    '/old-page': { redirect: '/new-page' }
  }
})

构建于
你所需的一切之上。

路由与布局

基于文件的路由系统,使用强大且传统的方案构建复杂的视图和界面。

数据获取

在服务器上运行的可组合函数,用于获取组件数据,并允许你以不同的方式渲染内容。

资产与样式

图像、字体和脚本优化,内置支持 CSS Modules、Sass、PostCSS、CSS-in-JS 等。

SEO 与元标签

生产就绪,可被搜索引擎索引,同时为最终用户提供应用程序的感觉。

中间件

在渲染页面或页面组之前运行自定义代码,例如身份验证、本地化或 A/B 测试。

状态管理

Nuxt 提供了一种简单的方法,可以在组件之间共享响应式且 SSR 友好的状态。

过渡

使用内置的 Vue 和浏览器过渡支持,在布局、页面和组件之间创建平滑的过渡。

错误处理

内置的错误处理和日志记录,帮助你调试应用程序并提供更好的用户体验。

层级

将另一个 Nuxt 应用程序扩展到您的 Nuxt 应用程序中,以重用组件、可组合项、布局、页面等。

服务器路由

创建 API 端点和服务器路由,以安全地连接到第三方服务并从您的前端进行消费。

自动导入

Nuxt 自动导入助手、可组合项和 Vue API,以便在您的应用程序中使用,而无需显式导入它们。

TypeScript

Nuxt 提供了有用的快捷方式,以确保您在编码时能够访问准确的类型信息。

使用以下方法更快地发布
无限集成

与您最喜欢的工具和服务集成。Nuxt 的设计宗旨是灵活,并且可以通过强大的模块生态系统进行扩展。只需一行代码,即可将您的应用程序与流行的无头 CMS、电子商务、数据库或 UI/UX 库连接起来。

CloudflareVercelHerokuAmplifyDigitalOceanNetlifyKoyebTailwind CSSSupabaseStripeFirebaseStrapiWordPressDirectusStoryblokSanitySentryShopifySnipcartMeilisearchAlgolia

由全球开发者打造

Nuxt 及其生态系统的开发由一个国际团队领导。从贡献者到开发者倡导者,社区由来自不同领域和拥有不同技能的成员组成。我们很高兴每天看到新成员加入,并鼓励每个人加入我们,并以多种方式提供帮助:回答问题、发表演讲、创建模块以及为核心贡献代码。


全球万维网

信赖。
Evan You

Nuxt 提供了一个引人注目的解决方案和一个很棒的生态系统,可以帮助您交付性能出色且 SEO 友好的全栈 Vue 应用程序。在 SSR 和 SSG 之间进行选择的灵活性是锦上添花。

Vue.js 和 Vite 的创建者

对于构建生产级 Web 产品的团队来说,Nuxt 是一个绝佳的选择。它旨在将性能最佳实践融入其中,同时保持出色的 Vue.js 开发体验。
Addy Osmani

Addy Osmani

Chrome 首席工程师

Nuxt 一直是开发者和框架作者的创新和灵感来源。看到它在各种规模的 Web 项目中取得的增长,真是令人惊叹。
Guillermo Rauch

Guillermo Rauch

Vercel 联合创始人兼首席执行官

Nuxt 从一开始就拥有出色的开发者生产力、体验和性能!它对细节的关注非常多,确保团队能够触手可及地高效构建各种应用程序。
Sarah Drasner

Sarah Drasner

Google 工程总监

Nuxt 采用了一种独特的方法,将出色的开发者体验与可重用、完全集成的功能相结合,从而加速您下一个网站或应用程序的开发和性能。
Dominik Angerer

Dominik Angerer

Storyblok 联合创始人

当我第一次使用 Nuxt 时,我就爱上了它。除了可扩展性、性能和开发者体验之外,背后的团队也非常棒。感谢你们开发了如此出色的框架,让我们的生活变得更加轻松!
Savas Vedova

Savas Vedova

GitLab 高级前端工程师

Nuxt 将高性能与专注的开发者体验相结合,改变了游戏规则。它的 SSR 和 SSG 灵活性,再加上与 Vue.js 生态系统一样充满活力的社区,使其成为现代 Web 项目的绝佳选择。
Rijk van Zanten

Rijk van Zanten

Directus 首席技术官