NUXAS + Decap CMS — Nuxt 4 Frontend Theme with Browser-Based Content Editor
Features

NUXAS + Decap CMS is a Nuxt 4 frontend theme for SaaS founders, agencies, and freelancers who need a fast, SEO-ready marketing site and a browser-based dashboard for editing content. No terminal, no Git commands, no code editor for daily updates.

This edition includes everything in the Code Only edition, plus a fully integrated Decap CMS setup. You (or your client) log in at /admin, edit blog posts, products, and site settings, and the CMS commits changes to your Git repository automatically.

Layout is separated from content. Pages read from Markdown and YAML files. SEO meta is generated from page data. The CMS edits those files, not the components. The result: non-developers can update copy, images, and pricing without breaking the design.

COMPARE EDITIONS

This is the Code + Decap CMS edition. If you only need the code and will manage content in files, see the Code Only edition:

• Code Only — $59: https://creativitaz.gumroad.com/l/nuxas

WHY NUXAS + DECAP CMS

Most Nuxt starters force a choice: clean code with no CMS, or a CMS that bloats the stack. NUXAS keeps the codebase clean and adds a thin content layer that non-developers can use.

• Decap CMS — browser admin panel at /admin. Edit all content without code.

• Netlify Identity — email login for editors. No GitHub account needed.

• Git Gateway — commits to your repo automatically. No terminal required.

• Nuxt 4 — file-based routing, SSR-ready, Nitro engine

• 100% strict TypeScript — type-safe from content schema to Vue templates

• Content collections — YAML for site settings, Markdown for pages, blog, and products

• SEO pipeline — title, description, canonical, Open Graph, Twitter card, structured data, per page

• Sitemap — built-in endpoint that lists static pages and content entries

• Purchase link ready — product pages accept any purchase URL (Gumroad, Lemon Squeezy, Stripe, PayPal)

• Accessible components — ARIA attributes, keyboard-friendly focus states, WCAG AA baseline

• Dark mode — zero flash of unstyled theme, CSS token architecture, system preference sync

• One-time purchase — unlimited projects, no subscription

WHO THIS IS FOR

• Agencies that build client sites on Nuxt 4 and need to hand off a CMS to non-technical editors
• Freelancers whose clients want to update blog posts and product pages without calling a developer
• SaaS founders who want to edit marketing copy from a browser, not a code editor
• Content teams that prefer a visual admin panel over Markdown files
• Developers who want a Nuxt 4 starting point with CMS already wired

WHO THIS IS NOT FOR

• Projects that need drag-and-drop layout editing — NUXAS is not a page builder
• Projects that need a full backend with auth, payments, and dashboards out of the box
• Teams that only edit content in code — see the Code Only edition instead
• Projects that cannot use Netlify for Identity and Git Gateway (the CMS auth relies on Netlify services)

WHAT YOU GET

Decap CMS Admin Panel
Browser admin at /admin. Edit blog posts, products, and site content. No code editor required.

Netlify Identity
Email login for editors. No GitHub account needed. Invite-only registration for production safety.

Git Gateway
Commits to your repo automatically when an editor saves. No terminal, no Git commands.

Media Management
Upload images from the CMS. Stored in your content folder and committed with the entry.

Content Collections
YAML for site settings, navigation, and footer. Markdown for pages, blog, and products. The CMS edits these files directly.

Everything in Code Only
Landing page, blog system, product pages, SEO setup, sitemap, accessible markup, dark mode, static pages, responsive design, deploy anywhere, unlimited projects.

HOW IT WORKS

1. Download the project from Gumroad
2. Run npm install and npm run dev locally
3. (Optional) Test the CMS locally with npx decap-server and open /admin

4. Push to GitHub
5. Deploy to Netlify (required for Identity and Git Gateway)
6. Enable Netlify Identity and Git Gateway in the Netlify dashboard
7. Invite your first editor via email
8. Open https://your-site.com/admin and start editing

TECH STACK

• Nuxt 4 — full-stack framework with file-based routing and SSR. https://nuxt.com

• Vue 3.5 — Composition API
• Nitro — server engine with universal deploy targets. https://nitro.build

• Nuxt Content 3 — Markdown and YAML content. https://content.nuxt.com

• Decap CMS — Git-based content management. https://decapcms.org

• Netlify Identity — email login for editors. https://docs.netlify.com

• Git Gateway — commits to your repo automatically. https://docs.netlify.com

• TypeScript — 100% strict
• Node.js 20+ — runtime requirement

SEARCH KEYWORDS

Nuxt CMS theme, Nuxt 4 Decap CMS, Nuxt theme with CMS, Decap CMS Nuxt, Nuxt blog CMS, Nuxt client handoff, Nuxt agency theme, Nuxt SaaS theme, Nuxt 4 template with CMS, headless CMS Nuxt, Git-based CMS Nuxt, Nuxt content editor, premium Nuxt theme, Nuxt frontend theme, Nuxt theme for sale.

REQUIREMENTS

• Node.js 20 or newer
• npm 10 or newer
• A GitHub account
• A Netlify account (free tier works)
• A code editor for initial setup only

LICENSE

One-time purchase. Unlimited personal and commercial projects. Not for resale as a template or theme.