convex-saas - GitLite

KO | EN

gitlite — search

#react #llm #golang #android #rust #linux #docker #nodejs #awesome #cli #awesome-list #vue #pytorch #openai

convex-saas

(★ 374)

A production-ready Convex Stack for your next SaaS application with Convex Auth, Stripe, TanStack, Resend, Tailwindcss, and shadcn.

File Explorer

Download Latest Version (.zip)

- - api.d.ts
  - api.js
  - dataModel.d.ts
  - server.d.ts
  - server.js
- - index.ts
- - ResendOTP.ts
  - VerificationCodeEmail.tsx
- app.ts
- auth.config.ts
- auth.ts
- env.ts
- http.ts
- init.ts
- README.md
- schema.ts
- stripe.ts
- tsconfig.json
- README.md
- - convex-email-logo.jpg
  - shadow.png
- favicon.ico
- - react.svg
- - __root.tsx
  - _app.tsx
  - index.tsx
- - button-util.ts
  - button.tsx
  - dropdown-menu.tsx
  - header.tsx
  - input.tsx
  - language-switcher.tsx
  - logo.tsx
  - select.tsx
  - switch.tsx
  - theme-switcher.tsx
  - use-double-check.ts
- - misc.ts
  - validators.ts
- app.tsx
- i18n.ts
- index.css
- main.tsx
- router.tsx
- routeTree.gen.ts
- vite-env.d.ts
.gitignore
.prettierignore
.prettierrc
errors.ts
eslint.config.js
index.html
LICENSE
netlify.toml
package-lock.json
package.json
postcss.config.js
README.md
README_orig.md
site.config.ts
tailwind.config.ts
tsconfig.app.json
tsconfig.json
tsconfig.node.json
types.ts
vite.config.ts

# Installation Guide

1. Get the code

git clone https://github.com/get-convex/convex-saas

Downloads the entire project code from GitHub to your computer.

cd convex-saas

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm install

Downloads and installs the libraries listed in package.json.

npm start

Starts the development/run server.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center">
  Convex SaaS
</h1>

<div align="center">
  <p>
  A production-ready Convex Stack for your next SaaS application with Stripe integration, TanStack, Resend, Tailwindcss, and shadcn.
  </p>
</div>

<div align="center">
    <a href="https://convex-saas.netlify.app">Live Demo</a> |  <a href="https://github.com/get-convex/convex-saas/tree/main/docs">Documentation</a>
  <div align="center"><br>
  <a href="https://labs.convex.dev/convex-saas"> <img src="https://github.com/get-convex/convex-saas/blob/v1markchanges/public/images/convexsaas.png" alt="convex saas" /></a>
</div>
   
  </p>
</div>

# Features

Features provided out of the box:

- 🧩 **Convex**: A complete, reactive, typesafe backend with authentication and file storage.
- ⚡ **Vite**: Next-Gen Frontend Tooling.
- 🛍️ **Stripe**: Subscription Plans, Customer Portal, and more.
- 🔑 **Authentication**: Email Code and Social Logins.
- 🎨 **TailwindCSS**: Utility-First CSS Framework.
- 📐 **ShadCN**: Composable React components.
- 🌙 **Easy Theming**: Switch between Light and Dark modes with ease.
- 🗺️ **TanStack Router**: Simple Route Definitions.
- 📧 **Resend**: Email for Developers.
- 💌 **React Email**: Customizable Emails with React.
- 📋 **Conform**: Type-Safe Form Validation based on Web Fundamentals.
- 📥 **File Uploads**: Profile Picture Uploads with Convex.
- 🌐 **I18N**: Internationalization for your App.
- 🧰 **TanStack Development Tools**: Enhanced Development Experience.
- 💅 **Modern UI**: Carefully crafted UI with a Modern Design System.
- 🏕 **Custom Pages**: Landing, Onboarding, Dashboard and Admin Pages.
- 📱 **Responsive**: Works on all devices, from Mobile to Desktop.
-

## [Live Demo](https://convex-saas.netlify.app)

> [!NOTE]
> Convex SaaS is an Open Source Template that is a direct port of the amazing
> work of [Daniel Kanem](https://twitter.com/DanielKanem) in [Remix SaaS](https://github.com/dev-xo/remix-saas).
> As that template does, this one shares common bits of code with: [Indie
> Stack](https://github.com/remix-run/indie-stack), [Epic
> Stack](https://github.com/epicweb-dev/epic-stack), [Supa Stripe
> Stack](https://github.com/rphlmr/supa-stripe-stack), and some other amazing
> Open Source resources. Check them out, please!

## Getting Started

Check out the [Getting Started Documentation](https://github.com/get-convex/convex-saas/tree/main/docs) to get up
and running.