NuxtPro

NuxtPro is an enterprise-ready SaaS template built on Nuxt3, pre-integrated with global payment gateways (Stripe/Cream), Google OAuth, i18n routing, and SEO optimization tools. Designed for developers launching multilingual web apps, it offers SSR/SSG support and production-grade security out of the box.

PennyJoly

Vue

🌍 English ∙ 简体中文 ∙ 日本語 · Русский язык

NuxtPro: Open Source Nuxt SaaS All-in-One Template for Global Expansion | Multilingual, Payment, and SEO Friendly (Nuxt3)

NuxtPro is an open-source enterprise-level SaaS template based on Nuxt3, pre-integrated with global payment gateways (Stripe/Cream), Google OAuth, multilingual routing, and SEO optimization tools. It provides developers with SSR/SSG support, ready to use out of the box.

👉 Source Code

🚀 If you are looking for a Nuxt framework-based, all-in-one SaaS template with a built-in admin system and front-end/back-end compatibility, consider the commercial version of NuxtPro? (https://nuxtpro.com). The commercial version of NuxtPro allows you to launch an MVP in just 1 hour, validate your needs, and save a lot of development time. NuxtPro focuses on small and beautiful products, giving you more time to spend on promotion and operations. With mainstream AI products, a one-person company can efficiently generate revenue.

👉 NuxtPro Commercial Version $40 Limited Time Early Bird Discount Coupon -> https://x.com/PennyJoly

✨ Product Features

Highly integrated with the most popular open-source technology stack solutions, making your journey to global revenue generation just a moment away.

🌐 NuxtJs3 -> An open-source full-stack NuxtJs framework suitable for production environments.
🌈 Vue 3 -> An open-source library for web and native user interfaces.
🔒 BetterAuth -> A simple and efficient open-source authentication and authorization framework.
✅ Shadcn UI -> Open-source UI components for building modern-style interfaces.
🎨 Tailwindcss -> An open-source CSS framework for rapid UI development.
🔍 DrizzleOrm -> An open-source next-generation database toolkit for Node.js and TypeScript.
💰 Stripe -> The best and most secure online payment service.
💳 Creem -> A stable online payment service for SaaS and independent developers.
✉️ Resend -> A modern email API service built for developers.
👄 i18n -> Open-source and easy internationalization support for Nuxt projects, no matter how small the language.
💨 plausible -> An open-source and privacy-friendly alternative to Google Analytics.
🌙 vite-pwa -> An open-source and zero-configuration PWA framework based on Vite.

🚀 How to Quickly Start the Project

Clone the repository:

git clone https://github.com/PennyJoly/NuxtPro

Install dependencies:

npm install
# or
yarn
# or
pnpm install

Copy environment variables:

cp .env.example .env

Start the development server:

npm run dev

Visit http://localhost:3000 to view your nuxtpro application.

★ Minimum Startup Configuration ★

NODE_ENV=development
NUXT_PUBLIC_ENV=development 
PORT=3000
NUXT_PUBLIC_BASE_URL=http://localhost:3000 # your base url
NUXT_RESEND_API_KEY=  # your resend api key. details for :https://resend.com
DATABASE_URL= # your mysql url e.g: mysql://root:password.@localhost:3306/nuxtpro
BETTER_AUTH_SECRET=B3E4q0JYr3pRpQkwvxo9jfOLz41TKrNM # your better auth 32 secret. details for : https://www.better-auth.com/docs/installation
BETTER_AUTH_URL=http://localhost:3000 # your better auth url  e.g: http://localhost:3000 

For minimal startup without Stripe registration, simply comment out these two lines in index.vue
# const { stripe,loadStripe  } = useClientStripe();
# stripe.value = await loadStripe(config.public.stripe.key);

🌈Screenshot of the running application

1749050152589

⚙️ Configuration

i18n config
- Add or modify language files in i18n/lang/
- Configure added/modified language files in i18n/config.ts
- Load i18n/lang/ files in i18n/index.ts to implement internationalization