first-commit
KitsStacksBrandsDocsChangelog
GitHub1
first-commit

Projects ready for your agent from the first commit.

Skills come from skills.sh

Made with by Marlon Chaviano

Explore

  • Kits
  • Stacks
  • Brands
  • Changelog

Docs

  • Introduction
  • CLI
  • Create a kit
  • API
  • FAQ

Project

  • About
  • Contact
  • Privacy
  • Terms
  • Content policy
  • GitHub
  1. kits
  3. saas-next-supabase
TypeScript

SaaS with Next.js + Supabase

Official Verifiedv1.3.1

saas-next-supabase

Next.js with Supabase (auth and Postgres) and pieces from the catalog: Better Auth or Clerk, Drizzle, Stripe, Resend, i18n, AI, tests, CI and deployment, with their MCP servers and rules for your agent.

nextjssupabasestripe
Installs
0
People
0
Skills
48
SaaS
TypeScriptTypeScript

Project

Its name, which agents, and which package manager.

Agents

Package manager

Stack

Pick the pieces; your agent gets the rule to use only these.

UI components

Add-on libraries

Animation

Global state

Server data

Forms and validation

Authentication

Database

Payments

Transactional email

Languages (i18n)

AI

Observability

Tests

Code quality

Continuous integration

Deployment

Skills

27 will be installed for your agent.

SkillRisk
Medium
Low
Low
Critical
Low
Low

What will run

The CLI's exact steps with these options, in order. It shows them again and waits for your yes before running anything.

18 commands10 filesfirst commit

  1. Create the base project$ npx create-next-app@latest saas-next-supabase --ts --tailwind --eslint --app --src-dir --import-alias "@/*" --use-npm --disable-git --no-agent-feedback --yes
  2. Add dependencies$ npm install @supabase/supabase-js @supabase/ssr stripe server-only @sentry/nextjs
  3. Copy files (supabase)./saas-next-supabase
  4. Write 6 files
    • src/lib/stripe.ts
    • src/sentry.server.config.ts
    • src/sentry.edge.config.ts
  5. Set upoptional$ npx shadcn@latest init --defaults --yes
  6. Install skills from 15 repositories
    • supabase/agent-skills
    • vercel-labs/agent-skills
    • shadcn-ui/ui
    • stripe/ai
    • getsentry/sentry-for-ai
    • anthropics/skills
    • pbakaus/impeccable
    • nextlevelbuilder/ui-ux-pro-max-skill
    • emilkowalski/skills
    • addyosmani/web-quality-skills
    • obra/superpowers
    • addyosmani/agent-skills
    • mattpocock/skills
    • vercel-labs/skills
    • Marlon-Chaviano/first-commit

Install

5 dependencies · 27 skills · 3 MCP

$ npx create-first-commit@latest saas-next-supabase

Add --dry-run to see the plan without running anything.

What's included

Rules in AGENTS.md
shadcn/uiStripeSentryDesign packEssential skills
Dependencies
@supabase/supabase-js@supabase/ssrstripeserver-only@sentry/nextjs
MCP servers
supabaseshadcnstripe
Environment variables
NEXT_PUBLIC_SUPABASE_URLNEXT_PUBLIC_SUPABASE_ANON_KEYSTRIPE_SECRET_KEYSTRIPE_WEBHOOK_SECRETNEXT_PUBLIC_SENTRY_DSNSENTRY_ORG
Files
src/lib/stripe.tssrc/sentry.server.config.tssrc/sentry.edge.config.tssrc/instrumentation.tssrc/instrumentation-client.tssrc/app/global-error.tsx
First steps
3 tasks for the agent
$ npx create-first-commit@latest saas-next-supabase
auth
postgres

Details

Author
MCMarlon Chaviano
Verification
Verified
Platforms
✓ Linux
Badge
first-commit: installs of saas-next-supabase

Project

Its name, which agents, and which package manager.

Agents

Package manager

Stack

Pick the pieces; your agent gets the rule to use only these.

UI components

Add-on libraries

Animation

Global state

Server data

Forms and validation

Authentication

Database

Payments

Transactional email

Languages (i18n)

AI

Observability

Tests

Code quality

Continuous integration

Deployment

Skills

29 will be installed for your agent.

SkillRisk
Medium
Low
Low
Critical
Low
Low
Low
Medium

What will run

The CLI's exact steps with these options, in order. It shows them again and waits for your yes before running anything.

21 commands19 filesfirst commit

  1. Create the base project$ npx create-next-app@latest saas-next-supabase --ts --tailwind --eslint --app --src-dir --import-alias "@/*" --use-npm --disable-git --no-agent-feedback --yes
  2. Add dependencies$ npm install @supabase/supabase-js @supabase/ssr stripe server-only @sentry/nextjs
  3. Add dev dependencies$ npm install -D vitest @vitejs/plugin-react jsdom @testing-library/react @testing-library/dom vite-tsconfig-paths @playwright/test @biomejs/biome
  4. Copy files (supabase)./saas-next-supabase
  5. Write 15 files
    • src/lib/stripe.ts
    • src/sentry.server.config.ts
    • src/sentry.edge.config.ts
  6. Set upoptional$ npx shadcn@latest init --defaults --yes

Install

13 dependencies · 29 skills · 3 MCP

$ npx create-first-commit@latest saas-next-supabase --testing vitest,playwright --quality biome --ci github-actions

Add --dry-run to see the plan without running anything.

What's included

Rules in AGENTS.md
shadcn/uiStripeSentryVitestPlaywrightBiome
Dependencies
@supabase/supabase-js@supabase/ssrstripeserver-only@sentry/nextjsvitest
MCP servers
supabaseshadcnstripe
Environment variables
NEXT_PUBLIC_SUPABASE_URLNEXT_PUBLIC_SUPABASE_ANON_KEYSTRIPE_SECRET_KEYSTRIPE_WEBHOOK_SECRETNEXT_PUBLIC_SENTRY_DSNSENTRY_ORG
Files
src/lib/stripe.tssrc/sentry.server.config.tssrc/sentry.edge.config.tssrc/instrumentation.tssrc/instrumentation-client.tssrc/app/global-error.tsx
First steps
4 tasks for the agent

Details

Author
MCMarlon Chaviano
Verification
Verified
Platforms
✓ Linux
Badge
first-commit: installs of saas-next-supabase
$ npx create-first-commit@latest saas-next-supabase --testing vitest,playwright --quality biome --ci github-actions