In breve
Un vero prodotto è più di un sito web. Gli servono utenti capaci di accedere, dati che persistono e si aggiornano, e un modo di incassare pagamenti. La buona notizia è che non costruisci più queste parti difficili da zero: servizi dedicati gestiscono ciascuna in sicurezza. Questa guida ti dà la mappa - come si incastrano i pezzi, quale servizio fa cosa e in quale ordine assemblarli - così tu costruisca un SaaS di produzione senza reinventare le parti pericolose.
Come si incastrano i pezzi
Un'applicazione moderna si divide in una superficie marketing rapida e indicizzabile e l'applicazione interattiva dietro il login. Un framework come Next.js, Astro o TanStack fornisce struttura, routing e rendering. Sopra, aggiungi tre servizi: l'autenticazione, un database e i pagamenti. Separare in modo pulito la superficie marketing e la superficie app lascia ottimizzare ciascuna per il suo scopo, il che aiuta sia la performance sia la SEO.
Autenticazione con Clerk
Memorizzare password, gestire sessioni e resistere correttamente agli attacchi è una specialità profonda, quindi non dovresti improvvisarla tu stesso. Clerk gestisce la registrazione, il login, le sessioni e il login social come Google OAuth, il che toglie un'intera categoria di rischio di sicurezza. Integri i suoi componenti e lo lasci gestire l'identità, mentre la tua applicazione gestisce tutto il resto. Il passaggio dallo sviluppo alla produzione è uno scambio di chiavi accurato, non una ricostruzione.
Dati reattivi con Convex
Convex memorizza i tuoi dati ed esegue la tua logica backend come funzioni TypeScript. Dichiari uno schema, leggi con delle query e modifichi con delle mutation, e la UI si aggiorna automaticamente quando cambia qualcosa da cui dipende. Un tipaggio forte circola dal database ai tuoi componenti e toglie un'intera classe di bug. Per veri prodotti, preferisci i soft delete, che marcano una riga come cancellata ma la conservano, così i dati restino ripristinabili e la cronologia intatta.
Pagamenti con Stripe
Stripe è lo standard per incassare pagamenti, e significa che non tocchi mai dati di carta grezzi. Checkout ospita una pagina di pagamento sicura, le subscription gestiscono i ricavi ricorrenti, e i webhook dicono alla tua applicazione cosa è successo, così resti sincronizzata con la realtà della fatturazione. Una separazione stretta delle chiavi di test e di produzione ti lascia costruire e verificare tutto senza spostare vero denaro. I dettagli difficili - proration, coupon ed Embedded Checkout - si costruiscono su questa base.
I secret tengono tutto insieme
Ogni servizio che aggiungi viene con chiavi segrete, e farne trapelare una può essere catastrofico. Tienile fuori dal codice in file env sempre gitignorati, usa chiavi separate per lo sviluppo e la produzione così un errore in dev non possa toccare dati live, e cifra i dati sensibili a riposo. Questa disciplina è il tessuto connettivo di tutto lo stack, e deve crescere con ogni nuova integrazione.
Passare in live
Il lancio vuol dire commutare ogni servizio dalle chiavi e dai dati di sviluppo a quelli di produzione, uno per uno, e verificare ciascuno prima di passare al successivo. Rendi poi il prodotto live trovabile iscrivendoti alla Search Console e inviando una sitemap, e veloce trattando i Core Web Vitals come parte del lancio. Un ordine accurato evita il classico fallimento del giorno di lancio, dove una chiave dimenticata paralizza i login o la fatturazione.
Domande frequenti
Lezioni e risorse corrispondenti
Costruire una mappa mentale chiara di frontend, backend e database, capire lo split marketing contro app e sapere quando un monorepo vale la pena
Aggiungere una vera autenticazione con Clerk, cablare Google OAuth e passare da un'istanza dev a un'istanza di produzione sul tuo dominio
Modellare e interrogare dati in Convex con una type safety end-to-end e aggiornamenti dal vivo, e usare index e soft delete come fanno i veri prodotti
Guida all autenticazione con Clerk: un componente pratico e riutilizzabile per spedire veri workflow IA nel tuo business.
Guida al backend Convex: un componente pratico e riutilizzabile per spedire veri workflow IA nel tuo business.