npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2025 – Pkg Stats / Ryan Hefner

create-nexttify-saas

v0.1.11

Published

Create a SaaS Next.js + Stripe app (CLI scaffolder)

Readme

create-nexttify-saas

Create a SaaS starter with Next.js + Stripe + Razorpay in seconds.

Quick start

npx create-nexttify-saas my-saas --ts    # TypeScript
# or
npx create-nexttify-saas my-saas          # JavaScript

Global CLI vs npx

  • npx (recommended): Runs the latest CLI directly without installing it into your project.
  • Global CLI (optional): Install once, then run the command anywhere.
# install globally
npm i -g create-nexttify-saas
# use
create-nexttify-saas my-saas --ts

Avoid installing inside an existing project with npm i create-nexttify-saas. That only adds the CLI as a dependency and will not scaffold a new app.

Options

--ts               Use the TypeScript template (default: false)
--pkg <tool>       Package manager: npm | pnpm | yarn | bun (default: npm)
--force            Scaffold into non-empty directory

What’s included

  • Next.js App Router (14+)
  • Tailwind CSS preconfigured
  • Payments: Stripe + webhook
  • Optional webhooks: Razorpay, PayPal, Cashfree (stubs)
  • Minimal auth/RBAC placeholders
  • Simple email templates placeholder

After scaffolding

cd my-saas
npm i                          # or pnpm i / yarn / bun install
cp .env.example .env.local     # paste STRIPE_SECRET_KEY and STRIPE_WEBHOOK_SECRET
npm run dev

What the CLI does

  • Creates a new folder with a Next.js project (JS or TS)
  • Adds Tailwind CSS, pricing page, and navbar
  • Sets up webhook routes for Stripe (and optional Razorpay, PayPal, Cashfree stubs)
  • Creates .env.example and .env.local for you to fill in keys

Generated folders explained

  • app/ – App Router pages and API routes
  • app/pricing/ – Example pricing UI
  • app/api/*-webhook/ – Webhook endpoints for payment providers
  • lib/ – Payment helpers
  • tailwind.config, postcss.config – Tailwind setup Common tasks
# create TypeScript app
npx create-nexttify-saas my-saas --ts

# create JavaScript app
npx create-nexttify-saas my-saas

# use pnpm as package manager
npx create-nexttify-saas my-saas --pkg pnpm

Common errors

  • next: not found

    • Run npm i in the generated folder; Next.js installs with your app
  • Unexpected token 'export' in next.config.js

    • Use the latest version (>= 0.1.4) or ensure JS template uses CommonJS module.exports = nextConfig;
  • CLI installed inside existing project (no folder created)

    • Remove it: npm uninstall create-nexttify-saas
    • Re‑run with npx: npx create-nexttify-saas my-saas

Screenshots (npm page)

  • Package page shows a generic “npm i …” install. For create‑* CLIs, use npx or npm create as shown above. Stripe setup

  • Create test keys in the Stripe Dashboard

  • Set STRIPE_SECRET_KEY and STRIPE_WEBHOOK_SECRET in .env.local

  • Start the app, then forward webhooks with the Stripe CLI:

stripe listen --forward-to localhost:3000/api/stripe-webhook

Examples

npx create-nexttify-saas acme-saas --pkg pnpm --ts
npx create-nexttify-saas demo-saas       # JS, npm

Folder structure (generated)

my-saas/ app/ page.(ts|js)x layout.(ts|js)x pricing/page.(ts|js)x api/ stripe-webhook/route.(ts|js) razorpay-webhook/route.(ts|js) # optional stub paypal-webhook/route.(ts|js) # optional stub cashfree-webhook/route.(ts|js) # optional stub lib/ stripe.(ts|js) payments/ stripe.(ts|js) razorpay.(ts|js) paypal.(ts|js) cashfree.(ts|js) tailwind.config.(ts|js) postcss.config.(ts|js) package.json


Note: Run this CLI with npx to scaffold a new folder (like create-react-app). Do not install it as a dependency in an existing project.

Troubleshooting

  • Node 18+ is required
  • If npx fails to find the command, clear cache: npx --yes create-next-saas my-saas
  • If install is slow, try a different registry mirror

License

MIT