skills.rest
gmackie
gmackieCOMMUNITY
Explore all skills by this author →
Website𝕏@grahammackieGitHub

nextjs-project-init

Initialize a Next.js application with TypeScript, authentication, Stripe payments, and Prisma database setup.

Updated Mar 27, 2026
Search Tags:#typescript#Stripe#SaaS#postgresql#Prisma#nextjs#project scaffolding
One-click install
npx skills add https://github.com/gmackie/agent-skills --skill nextjs-project-init-gmackie
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nextjs-project-init
Source: https://github.com/gmackie/agent-skills/tree/main/skills/nextjs-project-init
Command: npx skills add https://github.com/gmackie/agent-skills --skill nextjs-project-init-gmackie

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires stripe, prisma, @prisma/client.

What problem does it solve? Setting up a full-stack SaaS or e-commerce application requires wiring together many moving parts—framework scaffolding, authentication, payments, and database layers—which is repetitive and error-prone when done manually. ## Core Features & Use Cases - Project Scaffolding: Creates a Next.js app with TypeScript, Tailwind CSS, App Router, and ESLint using create-next-app. - Auth and Payments Setup: Configures middleware-based session protection, sign-in pages, and Stripe environment variables. - Database Layer: Initializes Prisma with a PostgreSQL schema including User and Subscription models, plus a singleton database client. - Use Case: You are starting a new SaaS product and need a working foundation with user accounts, subscription billing via Stripe, and a PostgreSQL database before writing any business logic. ## Quick Start Initialize a new Next.js SaaS project with TypeScript, authentication, Stripe payments, and a Prisma PostgreSQL database.

Frequently Asked Questions about nextjs-project-init

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up a Next.js project with TypeScript and Tailwind?▼

Run npx create-next-app@latest with the --typescript, --tailwind, --app, and --eslint flags to scaffold the project. This creates a Next.js app using the App Router with TypeScript and Tailwind CSS preconfigured.

How to add Stripe payments to a Next.js app?▼

Install the stripe npm package and configure STRIPE_SECRET_KEY, NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY, and STRIPE_WEBHOOK_SECRET in .env.local. Store subscription records in your database with fields for the Stripe customer ID, subscription ID, and price ID.

Can I use Prisma with PostgreSQL in Next.js?▼

Yes, Prisma works with PostgreSQL in Next.js by setting the datasource provider to postgresql and the url to your DATABASE_URL environment variable. Run npx prisma migrate dev to apply the schema and npx prisma generate to create the client.

Why is the Prisma client not found after setup?▼

The Prisma client is not found when npx prisma generate has not been run after defining or changing the schema. Run the generate command, then restart your development server so the generated client is available to imports.

Does Next.js middleware work for authentication redirects?▼

Yes, Next.js middleware can read the session from your auth layer and redirect unauthenticated users to a sign-in page. Define public paths explicitly and exclude webhook routes like Stripe callbacks from the redirect logic.

Related Skills

Explore More Software Engineering Skills→
Pranil9699Pranil9699

stripe

Sync Stripe data to a local PostgreSQL database and manage webhooks.

Community
Advanced
vitoropereiravitoropereira

stripe

Integrates Stripe payment gateway into Next.js applications for SaaS.

Community
Advanced
oalansilvaoalansilva

webapp-testing

Automate end-to-end web testing with Playwright for React/TypeScript applications.

Community
Intermediate
HeldinhowHeldinhow
4

svelte-kit

Develop full-stack web applications with SvelteKit's SSR, routing, and API endpoints.

Community
Intermediate