Nuxt 3 Primer

Why Nuxt 3

Nuxt 3 is the Vue metaframework. It gives you hybrid rendering (SSG + SSR), Nitro server engine, and a module ecosystem that eliminates boilerplate. Pair it with Meridian for instant deploy previews on every push.

Scaffold

npx nuxi@latest init meridian-nuxt && cd meridian-nuxt

Key Concepts

• pages/ — File-based router. Drop a .vue file, get a route.
• composables/ — Auto-imported logic. No manual imports needed.
• server/ — Nitro API routes and middleware. Runs on Vercel Edge or Node.
• nuxt.config.ts — Modules, runtime config, and build tuning in one file.

Meridian Deploy

Push to your Meridian-connected repo. The platform detects nuxt.config.ts, runs nuxi generate for static or nuxi build for SSR, and serves from the global edge.

Next Steps

Add the @nuxt/content module for Markdown-driven pages, or wire up useFetch to a headless CMS. Meridian handles env vars, custom domains, and SSL automatically.