How do I install the Nextjs Saas skill?

Run npx skillmds@latest add jorcan/nextjs-saas in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Nextjs Saas skill do?

Next.js SaaS template principles. Auth, payments, email. It is listed under Web & Frontend on SkillMD.

Is Nextjs Saas safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Nextjs Saas?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Nextjs Saas free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Nextjs Saas?

jorcan (@jorcan) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Nextjs Saas by jorcan — Agent Skill

Name: Nextjs Saas
Rating: 4.2 (5 reviews)
Author: jorcan

File contents

Next.js SaaS Template

Tech Stack

Component	Technology
Framework	Next.js 14 (App Router)
Auth	NextAuth.js v5
Payments	Stripe
Database	PostgreSQL + Prisma
Email	Resend
UI	Tailwind (ASK USER: shadcn/Headless UI/Custom?)

Directory Structure

project-name/
├── prisma/
├── src/
│   ├── app/
│   │   ├── (auth)/      # Login, register
│   │   ├── (dashboard)/ # Protected routes
│   │   ├── (marketing)/ # Landing, pricing
│   │   └── api/
│   │       ├── auth/[...nextauth]/
│   │       └── webhooks/stripe/
│   ├── components/
│   │   ├── auth/
│   │   ├── billing/
│   │   └── dashboard/
│   ├── lib/
│   │   ├── auth.ts      # NextAuth config
│   │   ├── stripe.ts    # Stripe client
│   │   └── email.ts     # Resend client
│   └── config/
│       └── subscriptions.ts
└── package.json

SaaS Features

Feature	Implementation
Auth	NextAuth + OAuth
Subscriptions	Stripe Checkout
Billing Portal	Stripe Portal
Webhooks	Stripe events
Email	Transactional via Resend

Database Schema

Model	Fields
User	id, email, stripeCustomerId, subscriptionId
Account	OAuth provider data
Session	User sessions

Environment Variables

Variable	Purpose
DATABASE_URL	Prisma
NEXTAUTH_SECRET	Auth
STRIPE_SECRET_KEY	Payments
STRIPE_WEBHOOK_SECRET	Webhooks
RESEND_API_KEY	Email

Setup Steps

npx create-next-app {{name}} --typescript --tailwind --app
Install: npm install next-auth @auth/prisma-adapter stripe resend
Setup Stripe products/prices
Configure environment
npm run db:push
npm run stripe:listen (webhooks)
npm run dev

Best Practices

Route groups for layout separation
Stripe webhooks for subscription sync
NextAuth with Prisma adapter
Email templates with React Email

---name: nextjs-saasdescription: Next.js SaaS template principles. Auth, payments, email.---# Next.js SaaS Template## Tech Stack| Component | Technology ||-----------|------------|| Framework | Next.js 14 (App Router) || Auth | NextAuth.js v5 || Payments | Stripe || Database | PostgreSQL + Prisma || Email | Resend || UI | Tailwind (ASK USER: shadcn/Headless UI/Custom?) |---## Directory Structure```project-name/├── prisma/├── src/│ ├── app/│ │ ├── (auth)/ # Login, register│ │ ├── (dashboard)/ # Protected routes│ │ ├── (marketing)/ # Landing, pricing│ │ └── api/│ │ ├── auth/[...nextauth]/│ │ └── webhooks/stripe/│ ├── components/│ │ ├── auth/│ │ ├── billing/│ │ └── dashboard/│ ├── lib/│ │ ├── auth.ts # NextAuth config│ │ ├── stripe.ts # Stripe client│ │ └── email.ts # Resend client│ └── config/│ └── subscriptions.ts└── package.json```---## SaaS Features| Feature | Implementation ||---------|---------------|| Auth | NextAuth + OAuth || Subscriptions | Stripe Checkout || Billing Portal | Stripe Portal || Webhooks | Stripe events || Email | Transactional via Resend |---## Database Schema| Model | Fields ||-------|--------|| User | id, email, stripeCustomerId, subscriptionId || Account | OAuth provider data || Session | User sessions |---## Environment Variables| Variable | Purpose ||----------|---------|| DATABASE_URL | Prisma || NEXTAUTH_SECRET | Auth || STRIPE_SECRET_KEY | Payments || STRIPE_WEBHOOK_SECRET | Webhooks || RESEND_API_KEY | Email |---## Setup Steps1. `npx create-next-app {{name}} --typescript --tailwind --app`2. Install: `npm install next-auth @auth/prisma-adapter stripe resend`3. Setup Stripe products/prices4. Configure environment5. `npm run db:push`6. `npm run stripe:listen` (webhooks)7. `npm run dev`---## Best Practices- Route groups for layout separation- Stripe webhooks for subscription sync- NextAuth with Prisma adapter- Email templates with React Email

Frequently asked questions

Nextjs Saas