nuxt.com
Open in
urlscan Pro
76.76.21.21
Public Scan
Submitted URL: https://nuxt.link/
Effective URL: https://nuxt.com/
Submission: On April 05 via api from US — Scanned from US
Effective URL: https://nuxt.com/
Submission: On April 05 via api from US — Scanned from US
Form analysis 1 forms found in the DOM
<form>
<div class="" data-n-ids="{"Iml9EIkmOz:0":"Iml9EIkmOz:9"}">
<div class="">
<div class="flex content-center items-center justify-between text-base"><label for="Iml9EIkmOz:9" class="block text-gray-700 dark:text-gray-200 font-semibold"><!--[-->Subscribe to our newsletter<!--]--></label><!----></div>
<p class="text-gray-500 dark:text-gray-400 text-base"><!--[-->Stay updated on new releases and features, guides, and community updates.<!--]--></p>
</div>
<div class="relative mt-3"><!--[-->
<div class="relative max-w-sm"><input id="Iml9EIkmOz:9" name="email" value="" type="email" required="" placeholder="you@domain.com"
class="relative block w-full disabled:cursor-not-allowed disabled:opacity-75 focus:outline-none border-0 form-input rounded-md placeholder-gray-400 dark:placeholder-gray-500 text-base px-3.5 py-2.5 shadow-sm bg-white dark:bg-gray-900 text-gray-900 dark:text-white ring-1 ring-inset ring-gray-300 dark:ring-gray-700 focus:ring-2 focus:ring-primary-500 dark:focus:ring-primary-400 pe-12"
autocomplete="off"><!--[--><!--]--><!----><span class="absolute inset-y-0 end-0 flex items-center px-3.5"><!--[--><button type="submit"
class="focus:outline-none focus-visible:outline-0 disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 shadow-sm text-white dark:text-gray-900 bg-gray-900 hover:bg-gray-800 disabled:bg-gray-900 dark:bg-white dark:hover:bg-gray-100 dark:disabled:bg-white focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400 inline-flex items-center"><!--[--><!--[--><!----><!--]--><!--[--><span
class="">Subscribe</span><!--]--><!--[--><!----><!--]--><!--]--></button><!--]--></span></div><!--]--><!---->
</div>
</div>
</form>Text Content
Nuxt UI Pro v1.0 is out with 50+ Vue components to create beautiful and
responsive Nuxt apps in minutes.Learn more
* Docs
* Integrations
* Resources
* Showcase
* Enterprise
* Blog
51.6K
Nuxt: Looking forward
THE INTUITIVE
VUE FRAMEWORK
Nuxt is an open source framework that makes web development intuitive and
powerful.
Create performant and production-grade full-stack web apps and websites with
confidence.
Get Started What is Nuxt?
TRUSTED BY THE BEST FRONT-END TEAMS
THE POWER OF
VUE COMPONENTS
We love Vue Single-File Components as much as you do. Simple, intuitive and
powerful, Nuxt lets you write Vue components in a way that makes sense. Every
repetitive task is automated, so you can focus on writing your full-stack Vue
application with confidence.
Learn about ViewsHello World Example
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>
STATIC OR DYNAMIC,
THE CHOICE IS YOURS
Decide what rendering strategy you need at the route level. By leveraging the
hybrid rendering, you can get the best of both worlds: the performance of a
static site and the interactivity of a dynamic one.
Learn about Hybrid RenderingNuxt on the Edge
nuxt.config.tspages/index.vue
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' }
}
})
COMPOSE WITH
EVERYTHING YOU NEED.
Routing & Layouts
File based routing system to build complex views and interfaces with a powerful
and conventional approach.
Data Fetching
Composables that run on the server to fetch data for your components and enable
you to render content in different ways.
Assets & Style
Image, Font and Script optimizations with a built-in support for CSS Modules,
Sass, PostCSS, CSS-in-JS and more.
SEO & Meta Tags
Production ready and indexable by search engines while giving the feeling of an
app to the end-users.
Middleware
Run custom code such as authentication, localization or A/B testing before
rendering a page or a group of pages.
State Management
Nuxt provides a simple way to share a reactive and SSR-friendly state between
components.
Transitions
Create smooth transitions between layouts, pages and components with a built-in
support for Vue & browser transitions.
Error Handling
Built-in error handling and logging to help you debug your application and
provide a better user experience.
Layers
Extend your Nuxt application with another Nuxt application to reuse components,
composables, layouts, pages and more.
Server Routes
Create API endpoints and server routes to securely connect with third party
services and consume from your frontend.
Auto Imports
Nuxt auto-imports helpers, composables, and Vue APIs to use across your app
without explicitly importing them.
TypeScript
Nuxt provides helpful shortcuts to ensure you have access to accurate type
information when you are coding.
SHIP FASTER WITH
ENDLESS INTEGRATIONS
Integrate with your favorite tools and services. Nuxt is built to be flexible
and can be extended with a robust modules ecosystem. Connect your application
with popular headless CMS, eCommerce, Database or UI/UX libraries with a single
line of code.
Explore Nuxt ModulesLearn about Modules
BUILT BY DEVELOPERS
AROUND THE WORLD.
The development of Nuxt and its ecosystem is led by an international team. From
contributors to developer advocates, the community is made up of members with
different horizons and skills. We are happy to see new members every day and
encourage anyone to join us and help in many ways: answering questions, giving a
talk, creating modules and contributing to the core.
DiscordGitHubX / Twitter
TRUSTED BY THE
WORLD WIDE WEB.
Nuxt offers a compelling solution and a great ecosystem to help you ship
fullstack Vue apps that are performant and SEO friendly. The flexibility to
choose between SSR and SSG is icing on the cake.
Evan You
Creator of Vue.js and Vite
Nuxt is a fantastic choice for teams building a production-grade product on the
web. It aims to bake in performance best-practices while maintaining excellent
Vue.js DX.
Addy Osmani
Chief Engineer of Chrome
Nuxt has been an incredible source of innovation and inspiration for developers
and framework authors alike. It's been amazing to see its growth in web projects
of all sizes on the web.
Guillermo Rauch
Co-founder and CEO of Vercel
Nuxt has outstanding developer productivity, experience, and performance right
out of the gate! There’s so much attention to detail, ensuring teams have
everything at their fingertips to productively build all manners of
applications.
Sarah Drasner
Director of Engineering, Google
Nuxt has a unique approach of combining a great developer experience with
reusable, fully integrated features that speed up the development and
performance of your next website or application.
Dominik Angerer
Co-founder of Storyblok
The moment I used Nuxt for the first time I felt in love with it. Apart from its
scalability, performance and developer experience, the team behind of it is also
fantastic. Thanks for developing such a great framework and making our lives
much easier!
Savas Vedova
Senior Frontend Engineer at GitLab
Nuxt’s blend of high performance and focused developer experience is a game
changer. Its SSR and SSG flexibility, coupled with a community that’s as vibrant
as the Vue.js ecosystem, makes it a great choice for modern web projects.
Rijk van Zanten
CTO at Directus
COMMUNITY
* Nuxters
* Nuxt on GitHub
* Team
* Design Kit
ENTERPRISE
* Support
* Agencies
* Jobs
* Sponsors
SOLUTIONS
* Nuxt Content
* Nuxt DevTools
* Nuxt Image
* Nuxt UI
Subscribe to our newsletter
Stay updated on new releases and features, guides, and community updates.
Subscribe
Copyright © 2016-2024 Nuxt - MIT License