skills.rest
cadamsdev
cadamsdevCOMMUNITY
Explore all skills by this author →
GitHub

nuxt-website

Build and maintain Vue 3/Nuxt 4 marketing websites with SEO metadata.

Updated Aug 27, 2026
Search Tags:#deployment#vue#seo#nuxt#nuxt-config#marketing-site#website-development
One-click install
npx skills add https://github.com/cadamsdev/web-component-devtools --skill nuxt-website
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nuxt-website
Source: https://github.com/cadamsdev/web-component-devtools/tree/main/.opencode/skills/nuxt-website
Command: npx skills add https://github.com/cadamsdev/web-component-devtools --skill nuxt-website

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides comprehensive guidance for building and maintaining marketing websites using Vue 3 and Nuxt 4, covering component development, page and layout management, SEO optimization, Nuxt configuration, and deployment strategies.

Core Features & Use Cases

  • Component-driven development for pages, layouts, and UI blocks.
  • SEO optimization, Open Graph, meta tags, and canonical URLs for marketing sites.
  • Deployment-ready configuration and performance best practices for Nuxt projects.

Quick Start

Create a new Nuxt 4 marketing site scaffold and implement a minimal homepage with SEO-ready metadata.

Frequently Asked Questions about nuxt-website

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

FAQPage Schema
How do I build a marketing website with Vue 3 and Nuxt 4?▼

You can build a Nuxt 4 marketing site by using component-driven development for pages and layouts, managing SEO metadata, and configuring deployment pipelines. This approach provides a structured scaffold for creating performance-optimized marketing pages.

What is the best way to manage SEO metadata and Open Graph tags in a Nuxt marketing site?▼

Managing SEO metadata in a Nuxt marketing site is handled through built-in Nuxt configuration features for meta tags, canonical URLs, and Open Graph properties. This ensures your marketing pages are optimized for search engine visibility and social sharing.

Can I use this Nuxt configuration approach for deploying marketing sites to modern hosting platforms?▼

Yes, this approach provides deployment-ready configuration and performance best practices specifically for Nuxt projects. It guides you through setting up deployment pipelines to ensure your Vue 3 marketing website is properly configured for hosting environments.

How does component-driven development work for Nuxt 4 layouts and UI blocks?▼

Component-driven development in Nuxt 4 works by constructing independent UI blocks and page layouts that are assembled into full marketing pages. This method maintains a scalable Vue 3 architecture and simplifies ongoing website maintenance.

Do I need prior Vue 3 experience to create a Nuxt 4 marketing site scaffold?▼

Prior Vue 3 experience is highly recommended because Nuxt 4 builds directly upon Vue 3 component architecture and configuration. Understanding Vue fundamentals is necessary to effectively implement pages, layouts, and UI blocks for your marketing website.

Related Skills

Explore More Marketing & Sales Skills→
martin-jancimartin-janci
3

nuxt-setup

Automate dependency installation, Nuxt preparation, and TypeScript validation for Nuxt projects.

Community
Advanced
jangtrinhjangtrinh

ck:deploy

Detect hosting platforms from repository docs and deploy projects automatically.

Community
Intermediate
GuibibiGuibibi

nuxt-content

Configures Nuxt Content v3 workflows for typed collections, SQL-backed querying, and markdown rendering.

Community
Advanced
deomiarndeomiarn

final-checklist

Automate pre-launch website verification across SEO, accessibility, and deployment workflows.

Community
Intermediate