Guider
Medelnivå
Du kommer att lära dig
- Komplexa applikationskrav
- Multi-tenant-arkitektur
- Prenumeration och fakturering
- Funktioner för teamsamarbete
- Analyspanel
- Cloudflare-distribution
Bygg en SaaS-webbapplikation
Skapa en produktionsklar multi-tenant SaaS på 30 minuter
Redo att bygga något mer komplext? I den här guiden kommer du att skapa en komplett SaaS-applikation - ett projekthanteringsverktyg med team, prenumerationer och analyser. Se när Conductor planerar och Virtuoso bygger hela din applikation i riktiga Docker-containrar.
Vad vi ska bygga
En produktionsklar SaaS för projekthantering med: team-arbetsytor, rollbaserade behörigheter, Stripe-prenumerationer, samarbete i realtid, analyspanel och multi-tenant-dataseparering - allt distribuerat till den globala kanten (edge).
Förutsättningar
- Slutfört 'Kom igång'-guiden
- Nxcode Pro-konto ($20/mån) rekommenderas för komplexa appar
- Grundläggande förståelse för SaaS-koncept (valfritt)
Beskriva en komplex applikation
För SaaS-applikationer leder detaljerade krav till Conductor till bättre resultat. Så här beskriver du vårt projekthanteringsverktyg:
Bygg en SaaS-applikation för projekthantering:
Kärnfunktioner:
- Team-arbetsytor med inbjudningssystem
- Projekt med uppgifter, deluppgifter och deadlines
- Kanban-tavla och listvyer
- Realtidsuppdateringar när teammedlemmar gör ändringar
- Filbilagor och kommentarer
- Aktivitetsflöde och aviseringar
Användar- & Teamhantering:
- Användarregistrering med e-postverifiering
- Skapande av team och inbjudningar till medlemmar
- Rollbaserad åtkomst: Ägare, Admin, Medlem, Tittare
- Personliga och team-arbetsytor
Prenumerationssystem:
- Gratisnivå: 1 projekt, 3 teammedlemmar
- Pro-nivå ($10/mån): Obegränsat antal projekt, 10 medlemmar
- Business-nivå ($25/mån): Allt obegränsat + prioriterad support
- Stripe-integration för fakturering
Analys:
- Spårning av projektframsteg
- Produktivitetsmått för team
- Tidsspårning per uppgift
- Exportera rapporter till PDF/CSV
Design: Rent, modernt gränssnitt med stöd för mörkt lägeHur Conductor hanterar komplexa krav
För en SaaS-applikation kommer Conductor att skapa en omfattande plan med flera faser:
Fas 1: Grunden
- 1Konfigurera Next.js med TypeScript
- 2Konfigurera databasschema för multi-tenancy
- 3Implementera autentisering med JWT
- 4Skapa dataseparering för arbetsyta/team
Fas 2: Kärnfunktioner
- 1Bygg projekt-CRUD med behörigheter
- 2Skapa system för uppgiftshantering
- 3Implementera Kanban-tavla UI
- 4Lägg till realtidsuppdateringar med WebSocket
Fas 3: Samarbete
- 1Team-inbjudan och medlemshantering
- 2Kommentarer och aktivitetsflöde
- 3Filuppladdning och bilagor
- 4Aviseringssystem
Fas 4: Intäktsgenerering
- 1Konfiguration av Stripe-integration
- 2Hantering av prenumerationer
- 3Tillämpning av användningsgränser
- 4Faktureringsportal
Fas 5: Analys & Puts
- 1Analyspanel
- 2Rapportgenerering
- 3Implementering av mörkt läge
- 4Cloudflare-distributionskonfiguration
Conductor
Jag planerar din SaaS-app för projekthantering. Några frågor: 1. För realtidsuppdateringar, ska alla teammedlemmar se ändringar direkt, eller bara uppdatera vid behov? 2. Gräns för fillagring per nivå? 3. Ska gratisnivån ha tillgång till grundläggande analys? 4. Några specifika behov för hantering av Stripe-webhooks?
User
Realtid för alla. Gratisnivå: 100MB, Pro: 5GB, Business: obegränsat. Grundläggande analys för alla. Standard Stripe-webhooks går bra.
Conductor
Uppfattat! Jag har skapat 24 uppgifter fördelade på 5 faser med tydliga acceptanskriterier. Varje uppgift kommer att exekveras i Docker med riktiga byggen och tester. Detta är ett större projekt, så exekveringen kommer att ta cirka 15-20 minuter. Startar nu!
Förstå multi-tenant-arkitektur
Virtuoso kommer att implementera korrekt multi-tenant-isolering. Här är vad som byggs:
Isolering av arbetsytor
Varje team får en unik arbetsyta. Alla frågor är avgränsade för att förhindra dataläckage mellan hyresgäster.
Rollbaserad åtkomst
Behörigheter kontrolleras på både API- och UI-nivå. Ägare kan göra allt, Tittare har endast läsrättigheter.
Tillämpning av prenumeration
Middleware kontrollerar prenumerationsnivå innan åtgärder tillåts. Användare på gratisnivån får vänliga uppmaningar om att uppgradera.
Dataportabilitet
Användare kan exportera sina data när som helst. Detta bygger förtroende och krävs i många regioner.
Se komplexa byggen i Docker
För en SaaS-app kör Virtuoso många fler byggsteg:
Schema skapas och migreras i en isolerad container
Webhooks testas med Stripe CLI i Docker
Realtidsfunktionalitet testas med simulerade klienter
Alla kombinationer av roller/åtgärder testas automatiskt
Grundläggande prestandatester säkerställer att appen kan skalas
Till skillnad från enkla kodgeneratorer kör Nxcode faktiskt Stripe-testläge, skapar simulerade team och verifierar att realtidsuppdateringar fungerar. Om något misslyckas fixar Virtuoso det automatiskt.
Prenumeration & Fakturering
Virtuoso bygger en komplett Stripe-integration:
- Utcheckningsflöde med prisval
- Kundportal för självbetjäning
- Webhook-hantering för prenumerationsändringar
- Användningsmätning för fakturering av överförbrukning
- Faktura-generering och historik
- Proportionell fördelning för uppgraderingar mitt i perioden
Conductor frågar om Stripe-krav i förväg eftersom faktureringskod är kritisk. Varje betalningsväg testas i Docker innan uppgiften godkänns.
Analyspanel
Din SaaS inkluderar en inbyggd analyspanel:
Projektframsteg
Slutförda uppgifter kontra totalt, burndown-diagram
Teamaktivitet
Vem som bidrar, värmekartor för aktivitet
Tidsspårning
Tid spenderad per uppgift, projekttotaler
Prenumerationsmått
MRR, churn rate, uppgraderingsfrekvens (för administratörer)
Distribuera din SaaS
Distribution med ett klick till Cloudflares globala edge:
- Klicka på "Distribuera" när alla uppgifter är klara
- Appen byggs för produktion (minifierad, optimerad)
- Distribueras till 300+ Cloudflare edge-platser
- Få din publika URL med automatisk HTTPS
Produktionsklara funktioner
- Globalt CDN för snabba laddningstider överallt
- Automatiskt SSL-certifikat
- DDoS-skydd ingår
- Anslut anpassad domän när som helst
- Miljövariabler för API-nycklar
Tjäna pengar med Skaparekonomi
Förvandla din SaaS till återkommande intäkter:
Publicera
Lista på Nxcode-marknadsplatsen med din prissättning
Ställ in nivåer
Konfigurera gratis provperiod och betalda prenumerationsnivåer
Tjäna 70%
Behåll 70% av alla prenumerationsintäkter
Exempel: 200 användare på $10/mån Pro-nivå = $1 400/mån i passiv inkomst (efter 70% andel)
Din SaaS levereras med inbyggd Stripe - användare betalar via ditt Stripe-konto, du behåller 100% minus Stripe-avgifter. Eller använd Skaparekonomi för hanterad fakturering.
Vad du har byggt
- Multi-tenant SaaS-arkitektur
- Team-arbetsytor med rollbaserad åtkomst
- Stripe-prenumerationsfakturering
- Funktioner för samarbete i realtid
- Analyspanel med rapporter
- Produktionsdistribution på global edge
Din SaaS sattes inte ihop från mallar - varje komponent byggdes, testades och verifierades i riktiga Docker-containrar. Det är kvalitet i företagsklass utan företagets tidsramar.