Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Open-source SaaS Starter. Built using Nuxt 4, Nuxt UI, Nuxt Content, Prisma, Neon, Sidebase Nuxt Auth, Resend and Stripe

License

NotificationsYou must be signed in to change notification settings

devstack-be/nuxt-saas-stripe-starter

Repository files navigation

SaaS Starter

Nuxt 4 - SaaS Stripe Starter

Build and deploy your Nuxt SaaS within minutes !

Introduction

Nuxt SaaS Starter is aopen source boilerplate and will help you to create your own SaaS website with Nuxt.js. It is built with Nuxt 4, Nuxt UI and Nuxt Content. It is a perfect starting point for your next project.

This template is inspired by:

The documentation is your go-to resource for configuring and using the starter effectively.

Let's get started and happy coding!

Installation

  • You can start a fresh new project by cloning the repository from GitHub. Run the following command in your terminal
git clone https://github.com/devstack-be/nuxt-saas-stripe-starter
  • Or, deploy with Vercel:

Deploy with Vercel

Steps

  • Install dependencies using pnpm:
pnpm install
  • Copy.env.example to.env.local and update the variables.
cp .env.example .env.local
  • Start the development server:
pnpm run dev

Note

Let's check theconfiguration part for update all environment variables before usepnpm run dev

Roadmap

  • Add user Roles
  • Add Admin panel

Tech Stack + Features

Stack

  • Nuxt 4 - The Intuitive Vue Framework
  • Prisma ORM - Next-generation ORM for Node.js & TypeScript | PostgreSQL, MySQL, MariaDB, SQL Server, SQLite, MongoDB and CockroachDB
  • Sidebase Nuxt Auth - Effortlessly connect your Nuxt 4 application with Google, Github, Azure and countless others.
  • Stripe - Online payment processing for internet businesses

UI

  • Nuxt UI / TailwindCSS – A UI Library for Modern Web Apps
  • Nuxt Image – Optimized Images for your Nuxt Apps
  • Pinia Nuxt – The Vue Store that you will enjoy using
  • Nuxt Content – Create a powerful data layer for your application. Use Vue components in Markdown with the MDC syntax.
  • Nuxt OG Image – Generate OG Images with Vue templates in Nuxt.

Platforms

  • Vercel – Easily preview & deploy changes with git
  • Resend – A powerful email framework for streamlined email development
  • Neon – Serverless Postgres with autoscaling, branching, bottomless storage and generous free tier.

Hooks and Utilities

  • nFormatter – Format numbers with suffixes like1.2k or1.2M
  • withoutTrailingSlash - Remove trailing slashes from URLs
  • hasTrailingSlash - Check if a URL has a trailing slash

Code Quality

  • TypeScript – Static type checker for end-to-end typesafety
  • ESLint – Pluggable linter for Next.js and TypeScript

Miscellaneous

  • Vercel Analytics – Track unique visitors, pageviews, and more in a privacy-friendly way

Author

Created by@devstack-be in 2024, released under theMIT license.

Credits

This project was inspired byNext SaaS Stripe Starter and built with Nuxt UI SaaS

This project was also inspired by shadcn'sTaxonomy, Steven Tey’sPrecedent, and Antonio Erdeljac'sNext 13 AI SaaS.

About

Open-source SaaS Starter. Built using Nuxt 4, Nuxt UI, Nuxt Content, Prisma, Neon, Sidebase Nuxt Auth, Resend and Stripe

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

[8]ページ先頭

©2009-2025 Movatter.jp