Analisi AI · Italiano
openai · gpt-4o-miniSintesi
Next.js SaaS Starter è un template per avviare rapidamente applicazioni SaaS basate su Next.js, integrando autenticazione, gestione pagamenti con Stripe e un dashboard per utenti autenticati. Supporta un sistema di gestione utenti e team con ruoli e operazioni CRUD, oltre alla gestione delle sottoscrizioni tramite Stripe Customer Portal. Il progetto utilizza un database Postgres con ORM Drizzle e una libreria UI moderna shadcn/ui. È progettato per facilitare lo sviluppo di SaaS con funzionalità chiave già pronte all'uso.
Casi d'uso
- →Avvio rapido di una nuova piattaforma SaaS con funzionalità già implementate come autenticazione e gestione abbonamenti.
- →Sviluppo di applicazioni con gestione utenti e team con ruoli differenziati e controllo accessi.
- →Integrazione di pagamenti ricorrenti con Stripe per gestire sottoscrizioni.
- →Realizzazione di dashboard per utenti autenticati con operazioni CRUD su dati business.
- →Applicazioni che richiedono tracciamento attività degli utenti e protezione delle rotte.
- →Prototipazione e apprendimento delle best practice di sviluppo SaaS con Next.js e tecnologie moderne.
Idee SaaS / Business
Offrire un SaaS basato su questo template per creare e gestire abbonamenti digitali, includendo onboarding utenti, pagamenti Stripe e dashboard personalizzate.
Creare un'app SaaS per gestire team di lavoro, ruoli e attività con funzionalità di pagamento per piani premium e analisi attività.
Utilizzare il progetto per sviluppare una piattaforma e-learning che richiede autenticazione, gestione corsi e pagamenti ricorrenti con abbonamenti.
README · tradotto in italiano
Next.js SaaS Starter
Questo è un template iniziale per costruire un'applicazione SaaS usando Next.js con supporto per l'autenticazione, integrazione con Stripe per i pagamenti e una dashboard per gli utenti autenticati.
Demo: https://next-saas-start.vercel.app/
Caratteristiche
- Pagina di marketing (
/) con elemento Terminal animato - Pagina dei prezzi (
/pricing) collegata a Stripe Checkout - Dashboard con operazioni CRUD su utenti e team
- RBAC (controllo accessi) di base con ruoli Owner e Member
- Gestione abbonamenti tramite Stripe Customer Portal
- Autenticazione email/password con JWT salvati in cookie
- Middleware globale per proteggere le rotte riservate agli utenti loggati
- Middleware locale per proteggere le Server Actions o convalida di schemi Zod
- Sistema di registrazione attività per eventi utente
Tecnologia utilizzata
| Componente | Tecnologia |
|---|---|
| Framework | Next.js |
| Database | Postgres |
| ORM | Drizzle |
| Pagamenti | Stripe |
| Libreria UI | shadcn/ui |
Installazione
git clone https://github.com/nextjs/saas-starter
cd saas-starter
pnpm install
Avvio in locale
Installa e accedi al tuo account Stripe tramite CLI:
stripe login
Usa lo script incluso per creare il file .env:
pnpm db:setup
Esegui le migrazioni del database e popola con un utente e un team di default:
pnpm db:migrate
pnpm db:seed
Utente creato di default:
- Email:
test@test.com - Password:
admin123
Puoi anche creare nuovi utenti tramite la rotta /sign-up.
Avvia il server di sviluppo Next.js:
pnpm dev
Apri http://localhost:3000 nel browser per vedere l'app.
Per ascoltare i webhook Stripe in locale usa:
stripe listen --forward-to localhost:3000/api/stripe/webhook
Test Pagamenti
Per testare i pagamenti Stripe usa queste carte di test:
- Numero carta:
4242 4242 4242 4242 - Scadenza: qualsiasi data futura
- CVC: qualsiasi numero a 3 cifre
Messa in produzione
Configura webhook Stripe per produzione
- Nel Dashboard di Stripe crea un nuovo webhook per la produzione.
- Imposta l'URL dell'endpoint alla tua API di produzione (es.
https://tuodominio.com/api/stripe/webhook). - Seleziona gli eventi da ascoltare (es.
checkout.session.completed,customer.subscription.updated).
Deploy su Vercel
- Carica il codice su GitHub.
- Collega il repository a Vercel e procedi al deploy.
- Segui la procedura guidata per la configurazione del progetto.
Variabili d'ambiente per produzione
Aggiungi nelle impostazioni di Vercel o al momento del deploy:
| Variabile | Descrizione |
|---|---|
BASE_URL | Dominio della produzione |
STRIPE_SECRET_KEY | Chiave segreta Stripe produzione |
STRIPE_WEBHOOK_SECRET | Segreto webhook Stripe |
POSTGRES_URL | URL database di produzione |
AUTH_SECRET | Stringa random per autenticazione |
Altri template
Questo template è minimalista, pensato come risorsa per l'apprendimento. Esistono versioni più complete a pagamento nella community:
Attività commit · ultime 26 settimane
stimaApprofondimenti AI
Chiedi al repo
AI · contesto README + issueFai una domanda sul progetto. L'AI legge README e issue recenti.
Hai bisogno di un server per far girare nextjs/saas-starter?
Abbiamo testato decine di provider e Hostinger VPS è il miglior rapporto qualità/prezzo per self-hostare le repo che trovi qui. Setup in 1 click, pannello semplice e supporto 24/7.
Integra nextjs/saas-starter in un progetto Lovable
Questa repo è compatibile con lo stack di Lovable. Importala in un nuovo progetto o aggiungila a uno esistente: Lovable si occupa di setup, deploy, backend e auth — tu chiedi in linguaggio naturale e l'AI scrive il codice.
Abbiamo rilevato segnali che indicano uno stack supportato da Lovable:
Questo progetto esiste grazie a voi
RepoRadar AI è gratis e senza pubblicità. Le donazioni coprono server, API e modelli AI.
Ogni analisi tradotta che leggi costa qualche centesimo di chiamate al modello. Se RepoRadar ti ha fatto risparmiare tempo, considera una piccola donazione cripto — anche pochi euro aiutano a mantenere il servizio libero per tutti.
0x86ECDF546d8dFc0739d44c066A6110F11cdB7773bc1qqe0wcmhnt78enk8ql0lxvey4z8hquxsxjtyz8rEtTK61Lz7kfdDM8543TMMiAUUTbFVpzX5tvPEcBtZ3ajGrazie di cuore — ogni contributo conta.