Vytvořte SaaS webovou aplikaci

Jste připraveni postavit něco složitějšího? V tomto tutoriálu vytvoříte plnohodnotnou SaaS aplikaci – nástroj pro správu projektů s týmy, předplatným a analytikou. Sledujte, jak Conductor plánuje a Virtuoso staví celou vaši aplikaci v reálných Docker kontejnerech.

Co vytvoříme

Produkční SaaS pro správu projektů s: týmovými pracovními prostory, oprávněními založenými na rolích, Stripe předplatným, spoluprací v reálném čase, analytickým panelem a multi-tenant izolací dat – vše nasazené na globální edge.

Požadavky

Dokončený tutoriál Začínáme
Nxcode Pro účet (20 $/měsíc) doporučen pro komplexní aplikace
Základní pochopení konceptů SaaS (volitelné)

Popis komplexní aplikace

U SaaS aplikací vede poskytnutí detailních požadavků nástroji Conductor k lepším výsledkům. Zde je návod, jak popsat naši aplikaci pro správu projektů:

Vytvoř SaaS aplikaci pro správu projektů:

Klíčové funkce:
- Týmové pracovní prostory se systémem pozvánek
- Projekty s úkoly, podúkoly a termíny
- Kanban nástěnka a seznamy
- Aktualizace v reálném čase při změnách členů týmu
- Přílohy souborů a komentáře
- Feed aktivit a oznámení

Správa uživatelů a týmů:
- Registrace uživatelů s ověřením e-mailu
- Vytváření týmů a pozvánky členů
- Přístup založený na rolích: Vlastník, Administrátor, Člen, Prohlížeč
- Osobní a týmové pracovní prostory

Systém předplatného:
- Bezplatná úroveň: 1 projekt, 3 členové týmu
- Pro úroveň (10 $/měsíc): Neomezeně projektů, 10 členů
- Business úroveň (25 $/měsíc): Vše neomezené + prioritní podpora
- Stripe integrace pro fakturaci

Analytika:
- Sledování pokroku projektu
- Metriky produktivity týmu
- Sledování času na úkol
- Export reportů do PDF/CSV

Design: Čisté, moderní rozhraní s podporou tmavého režimu

Jak Conductor zvládá komplexní požadavky

Pro SaaS aplikaci vytvoří Conductor komplexní plán s několika fázemi:

Fáze 1: Základy

1Nastavit Next.js s TypeScript
2Konfigurovat schéma databáze pro multi-tenancy
3Implementovat autentizaci s JWT
4Vytvořit izolaci dat pracovního prostoru/týmu

Fáze 2: Klíčové funkce

1Vytvořit CRUD projektů s oprávněními
2Vytvořit systém správy úkolů
3Implementovat UI Kanban nástěnky
4Přidat aktualizace v reálném čase pomocí WebSocket

Fáze 3: Spolupráce

1Správa pozvánek a členů týmu
2Komentáře a feed aktivit
3Nahrávání souborů a příloh
4Systém oznámení

Fáze 4: Monetizace

1Nastavení integrace Stripe
2Správa předplatného
3Vynucování limitů využití
4Fakturační portál

Fáze 5: Analytika a doladění

1Analytický panel
2Generování reportů
3Implementace tmavého režimu
4Konfigurace nasazení na Cloudflare

Conductor

Plánuji vaši SaaS aplikaci pro správu projektů. Pár otázek: 1. Pro aktualizace v reálném čase, mají všichni členové vidět změny okamžitě, nebo stačí obnovení na vyžádání? 2. Limit úložiště souborů na úroveň? 3. Má mít bezplatná úroveň přístup k základní analytice? 4. Nějaké specifické potřeby pro zpracování Stripe webhooků?

User

Reálný čas pro všechny. Bezplatná úroveň: 100 MB, Pro: 5 GB, Business: neomezeně. Základní analytika pro všechny. Standardní Stripe webhooky jsou v pořádku.

Conductor

Rozumím! Vytvořil jsem 24 úkolů v 5 fázích s jasnými kritérii přijetí. Každý úkol bude proveden v Docker s reálným sestavením a testy. Jedná se o větší projekt, takže provedení potrvá asi 15-20 minut. Začínám!

Pochopení multi-tenant architektury

Virtuoso implementuje správnou multi-tenant izolaci. Zde je to, co se postaví:

Izolace pracovního prostoru

Každý tým získá unikátní pracovní prostor. Všechny dotazy jsou omezeny tak, aby se zabránilo úniku dat mezi tenanty.

Přístup založený na rolích

Oprávnění kontrolovaná na úrovni API i UI. Vlastníci mohou dělat vše, Prohlížeči mají přístup pouze pro čtení.

Vynucování předplatného

Middleware kontroluje úroveň předplatného před povolením akcí. Uživatelé bezplatné úrovně dostávají přátelské výzvy k upgradu.

Přenositelnost dat

Uživatelé mohou svá data kdykoli exportovat. To buduje důvěru a je to vyžadováno v mnoha regionech.

Sledování komplexních sestavení v Docker

U SaaS aplikace spouští Virtuoso mnohem více kroků sestavení:

1Migrace databáze

Schéma vytvořeno a migrováno v izolovaném kontejneru

2Integrace Stripe SDK

Webhooky testovány pomocí Stripe CLI v Docker

3WebSocket server

Funkcionalita v reálném čase testována s mock klienty

4Matice oprávnění

Všechny kombinace rolí/akcí jsou automaticky testovány

5Zátěžové testování

Základní výkonnostní testy zajišťují škálovatelnost aplikace

Na rozdíl od jednoduchých generátorů kódu Nxcode skutečně spouští testovací režim Stripe, vytváří mock týmy a ověřuje, že aktualizace v reálném čase fungují. Pokud něco selže, Virtuoso to automaticky opraví.

Předplatné a fakturace

Virtuoso vytvoří kompletní integraci Stripe:

Průběh platby s výběrem ceny
Zákaznický portál pro samoobslužnou správu
Zpracování webhooků pro změny předplatného
Měření využití pro fakturaci nad rámec
Generování faktur a historie
Poměrné rozúčtování (proration) pro upgrady uprostřed cyklu

Conductor se ptá na požadavky Stripe předem, protože kód pro fakturaci je kritický. Každá platební cesta je testována v Docker, než je úkol schválen.

Analytický panel

Váš SaaS obsahuje vestavěný analytický panel:

Pokrok projektu

Dokončené úkoly vs. celkem, burndown grafy

Aktivita týmu

Kdo přispívá, teplotní mapy aktivity

Sledování času

Čas strávený na úkolu, součty za projekt

Metriky předplatného

MRR, míra odchodu (churn), míra upgradu (pro administrátory)

Nasazení vašeho SaaS

Nasazení na jedno kliknutí do globální edge sítě Cloudflare:

Klikněte na „Deploy“, jakmile projdou všechny úkoly
Aplikace se sestaví pro produkci (minifikovaná, optimalizovaná)
Nasazení do více než 300 edge lokalit Cloudflare
Získejte svou veřejnou URL s automatickým HTTPS

Funkce připravené pro produkci

Globální CDN pro rychlé načítání kdekoli
Automatický SSL certifikát
Včetně ochrany proti DDoS
Kdykoli připojte vlastní doménu
Proměnné prostředí pro API klíče

Monetizujte s ekonomikou tvůrců

Proměňte svůj SaaS v pravidelný příjem:

Publikovat

Zveřejněte na tržišti Nxcode s vaší cenou

Nastavit úrovně

Konfigurujte bezplatnou zkušební verzi a placené úrovně předplatného

Vydělávejte 70 %

Ponechte si 70 % všech příjmů z předplatného

Příklad: 200 uživatelů na úrovni Pro za 10 $/měsíc = 1 400 $/měsíc pasivní příjem (po 70% podílu)

Váš SaaS přichází s vestavěným Stripe – uživatelé platí přes váš Stripe účet, vy si necháváte 100 % minus poplatky Stripe. Nebo použijte Ekonomiku tvůrců pro spravovanou fakturaci.

Co jste vytvořili

Multi-tenant SaaS architektura
Týmové pracovní prostory s přístupem založeným na rolích
Fakturace předplatného přes Stripe
Funkce pro spolupráci v reálném čase
Analytický panel s reporty
Produkční nasazení na globální edge

Váš SaaS nebyl sestaven ze šablon – každá komponenta byla vytvořena, otestována a ověřena v reálných Docker kontejnerech. To je kvalita podnikové úrovně bez zdlouhavého vývoje.