Nuxt SaaS Template is an open-source Nuxt 3 boilerplate that bundles a complete SaaS marketing site — landing, pricing, blog, and docs — with a full SEO platform UI, AI tools, and Google Search Console integration, maintained by Gerome-Elassaad on GitHub.
What is the Nuxt SaaS Template?
Nuxt SaaS Template is a full-stack Vue 3 and Nuxt 3 template for building a SaaS website plus an all-in-one SEO tool stack. It takes a Nuxt project and produces a production-ready app with pre-built pages, components, content collections, and server API routes. The repository has two branches: the main branch offers a Nuxt Pro-style SaaS template, while the master branch is a Nuxt 3 SEO platform template that adds a React-based AI SEO agent.
The template ships with authentication and dashboard layouts, content directories for docs and blog, a pricing page, and a server API that includes a dynamic sitemap and search endpoint. It is built with Nuxt UI PRO, Tailwind CSS, and Heroicons, and integrates Google Search Console and OpenAI APIs.
Key Features
- Dashboard — Provides an overview of website SEO performance with key metrics and actionable insights.
- Domain Overview — Detailed analysis of domain traffic, metric comparisons, and competitive positioning.
- Traffic Analytics — Insights into traffic patterns and user engagement to inform content strategy.
- Keyword Research — Advanced tools to identify high-performing keywords and track rankings.
- On-Page SEO — Page-level optimization recommendations with concrete actions.
- Backlink Tools — Analyze and improve the backlink profile of any domain.
- AI Tools — Uses AI for data collection, competitive analysis, keyword forecasting, and predictive ROI.
- Site Audit — Identifies and helps fix technical SEO issues across a site.
- API Integration — Native integration with Google Search Console and OpenAI for real data and content generation.
- Tech stack — Main branch uses Vue 3, Nuxt 3, Nuxt UI PRO, Tailwind CSS, and Heroicons; the master branch adds React, Redux, VitePress, and TogetherAI.
Who is it for?
- SaaS founders who need a polished marketing site and a functional SEO dashboard to launch a product quickly.
- Developers who want a Nuxt 3 project with pre-built pages, layouts, content structure, and server routes to customize.
- SEO agencies that need a white-label platform for domain overview, keyword research, and site audit reports.
- AI product builders who want to integrate TogetherAI or OpenAI into an SEO workflow with a ready-made UI.
What can you do with the Nuxt SaaS Template?
- Launch a SaaS landing page — Use the included home, pricing, blog, and docs pages with Nuxt UI PRO components and Tailwind styling.
- Build an SEO dashboard — Run domain overview, traffic analytics, keyword research, backlink analysis, and site audits through the pre-built UI.
- Integrate real SEO data — Connect Google Search Console to pull actual search performance and feed it into the dashboard's analytics.
- Deploy an AI SEO assistant — Use the AI tools in the
ai-seo-agent-latestapp (React/Vite) to interact with TogetherAI and OpenAI for automated data collection and competitive analysis.
How does the template work?
- Clone the repository:
git clone https://github.com/Gerome-Elassaad/nuxt-saas-template. - Run
npm installto install dependencies. - Use
npm run devto start the development server at http://localhost:3000. - The template includes an
.env.examplefor configuring API keys (Google Search Console, OpenAI).
FAQ
Is the Nuxt SaaS Template free?
Yes, the project is open source and licensed under the MIT License, so you can use, modify, and distribute it freely.
What is the difference between the main and master branches?
The main branch is the Nuxt Pro SaaS template built with Vue 3 and Nuxt 3. The master branch is the Nuxt 3 SEO platform template that uses a React-based AI SEO agent with Redux, VitePress, and TogetherAI.
Does this template include Google Search Console integration?
Yes, the server API includes a search.json.get.ts endpoint and the UI includes an integration with Google Search Console for pulling real search data.
What pages are included?
The Nuxt pages directory includes index.vue, pricing.vue, blog.vue, docs.vue, login.vue, and signup.vue, plus dynamic blog and docs routes.
Can I use the AI SEO agent independently?
Yes, the ai-seo-agent-latest folder contains a standalone React/Vite application with shadcn/ui components and a chat interface that can be deployed separately from the Nuxt app.
