skills.rest
victorgarciaesgi
victorgarciaesgiCOMMUNITY
Explore all skills by this author →
Website𝕏@desnoth_devGitHub

nuxt

Create SSR-enabled Vue applications with Nuxt's file-based routing and auto-imports.

490|23|Updated Sep 25, 2023
Search Tags:#deployment#routing#vue#modules#ssr#nuxt#nitro
One-click install
npx skills add https://github.com/victorgarciaesgi/regle --skill nuxt-victorgarciaesgi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nuxt
Source: https://github.com/victorgarciaesgi/regle/tree/main/.agents/skills/nuxt
Command: npx skills add https://github.com/victorgarciaesgi/regle --skill nuxt-victorgarciaesgi

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Nuxt simplifies building SSR-enabled Vue applications by providing a cohesive framework that unifies server and client development.

Core Features & Use Cases

  • SSR and Hybrid Rendering: server-rendered pages with client hydration, enabling fast first paints and SEO-friendly content.
  • File-based routing, Nitro server engine, and module system for scalable full-stack apps across hosting platforms.
  • Auto-imports and a rich plugin/module ecosystem enabling rapid development.

Quick Start

Create a new Nuxt project with npx nuxi init my-app, install dependencies, and start the dev server:

  • npx nuxi init my-app
  • cd my-app
  • npm install
  • npm run dev

Frequently Asked Questions about nuxt

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a Vue app with server-side rendering?▼

You can build SSR-enabled Vue apps using Nuxt, which unifies server and client development through a cohesive framework. It provides server-rendered pages with client hydration for fast first paints and SEO-friendly content.

What is the best way to set up file-based routing for a Vue application?▼

The best way to set up file-based routing is using Nuxt, which includes built-in file-based routing alongside the Nitro server engine for scalable full-stack apps across various hosting platforms.

Does Nuxt support auto-imports for faster Vue development?▼

Yes, Nuxt supports auto-imports alongside a rich plugin and module ecosystem, enabling rapid full-stack development without manually importing components and composables for every new file.

Can I use a single Vue framework for both client and server development?▼

Yes, you can use Nuxt to unify client and server development. It solves the complexity of full-stack scenarios by providing a cohesive framework that handles both server rendering and client hydration.

How do I initialize a new Nuxt project to start development?▼

To initialize a new Nuxt project, run `npx nuxi init my-app` in your terminal. After creation, navigate into the directory, install dependencies with `npm install`, and start the dev server using `npm run dev`.

Related Skills

Explore More Software Engineering Skills→
twillcockstwillcocks

portal-setup

Initialize a Showpane workspace by installing dependencies and applying the SQLite Prisma schema.

Community
Advanced
BRANDNEWSHVTBRANDNEWSHVT

nuxt

Create Nuxt-based Vue SSR infrastructure with file-based routing and Nitro deployment.

Official
Advanced
Y2138Y2138

nuxt

Enable SSR, file-based routing, and modular development for Vue 3 with Nuxt.

Community
Advanced
cofincofin
15

inertia

Bridge server-side routing with client-side rendering using Inertia.js.

Community
Intermediate