nextjs-convex-clerk-stripe-boilerplate

(★ 409)

Battle-tested boilerplate that helped me launch multiple web & mobile apps — now open source. Real-time Convex backend, Clerk SSO, Stripe payments, Next.js + shadcn.

File Explorer

Download Latest Version (.zip)

- - convex_rules.mdc
- - layout.tsx
  - page.tsx
- - inner.tsx
  - page.tsx
- globals.css
- layout.tsx
- page.tsx
- - alert-dialog.tsx
  - app-sidebar.tsx
  - avatar.tsx
  - badge.tsx
  - breadcrumb.tsx
  - button.tsx
  - card.tsx
  - collapsible.tsx
  - combobox.tsx
  - direction.tsx
  - dropdown-menu.tsx
  - field.tsx
  - input-group.tsx
  - input.tsx
  - label.tsx
  - nav-main.tsx
  - nav-projects.tsx
  - nav-secondary.tsx
  - nav-user.tsx
  - search-form.tsx
  - select.tsx
  - separator.tsx
  - sheet.tsx
  - sidebar.tsx
  - site-header.tsx
  - skeleton.tsx
  - textarea.tsx
  - tooltip.tsx
- auth-clerk-appearance.ts
- auth-layout.tsx
- ClerkProviderWithTheme.tsx
- component-example.tsx
- ConvexClientProvider.tsx
- example.tsx
- signup-form.tsx
- StripeTestCheckout.tsx
- SyncUser.tsx
- theme-provider.tsx
- theme-toggle.tsx
- - api.d.ts
  - api.js
  - dataModel.d.ts
  - server.d.ts
  - server.js
- - auth.ts
- auth.config.ts
- convex.config.ts
- http.ts
- myFunctions.ts
- README.md
- schema.ts
- stripe.ts
- tsconfig.json
- users.ts
- STRIPE.md
- use-mobile.ts
- utils.ts
- convex.svg
.env.example
.gitignore
.prettierrc
components.json
CONTRIBUTING.md
eslint.config.mjs
LICENSE
next.config.ts
package.json
pnpm-lock.yaml
postcss.config.mjs
proxy.ts
README.md
tsconfig.json

# Installation Guide

1. Get the code

git clone https://github.com/kkcoms/nextjs-convex-clerk-stripe-boilerplate

Downloads the entire project code from GitHub to your computer.

cd nextjs-convex-clerk-stripe-boilerplate

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.

pnpm install # or: npm install

Downloads and installs the libraries listed in package.json.

pnpm dev

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.

Pulled directly from this repo's README.