Alkalmazás élesítése lépésről lépésre
A gépeden működik, de hogyan lesz belőle elérhető weboldal? Személyre szabott ellenőrzőlista tárhelytől a saját domainen át az első mentésig, a költségekkel együtt.
Töltsd ki a saját adataiddal
A sárgával jelölt részeket cseréld a saját adataidra.
EllenőrzésCtrl + Enter: másolás
Példa: kitöltve, mintaválasszal
- Alkalmazás
- Időpontfoglaló egy masszőrnek, napi 10-20 látogató
- Technológia
- Next.js, Supabase adatbázis
- Kód helye
- GitHubon, privát tárolóban
- Meglévő szolgáltatások
- Van egy .hu domain egy magyar szolgáltatónál, tárhely nincs
- Keret
- Ha lehet, ingyen, legfeljebb havi pár ezer forint
- Külső szolgáltatások
- Supabase-kulcsok és egy levélküldő szolgáltatás kulcsa
Milyen tárhely kell? Ez az alkalmazás szervert is használ (itt fut a foglalás mentése), ezért sima fájltárhely nem elég. Olyan szolgáltatás kell, amely a GitHubról magától felépíti és futtatja; a Next.js-hez ilyen például a Vercel vagy a Netlify. Az adatbázis már megvan külön, a Supabase-ben. Az árakat és az ingyenes csomag határait a szolgáltató oldalán nézd meg, azok változnak.
Ellenőrzőlista
- Kösd össze a tárhelyet a GitHub-tárolóval. Sikerült, ha: az első felépítés zöld, és kapsz egy ideiglenes címet.
- Állítsd be a környezeti változókat (a kulcsok, amelyek a gépeden a
.envfájlban vannak). Sikerült, ha: az ideiglenes címen működik a foglalás. - Adatbázis: a Supabase-ben add hozzá az új címet az engedélyezett címekhez. Sikerült, ha: a belépés élesben is megy.
- Domain: a domainszolgáltatónál állítsd be a tárhely által megadott DNS-rekordokat (ezek mondják meg, hová mutasson a név). Sikerült, ha: egy-két órán belül a saját címen jön be az oldal.
- Tanúsítvány: általában magától elkészül. Sikerült, ha: a böngészőben lakat látszik.
- Próba: foglalj időpontot telefonról, idegen hálózatról.
Költség: a domain éves díja; a tárhely és az adatbázis ilyen forgalomnál jellemzően belefér az ingyenes csomagba; váratlan költséget a levélküldés és a túllépett korlátok okozhatnak.
Első napon: kapcsold be az adatbázis mentését, állíts be e-mail-értesítést a sikertelen felépítésről, és ahol lehet, költségkorlátot.
Ha élesben nem megy: 1. hiányzó vagy elírt környezeti változó; 2. az éles cím nincs engedélyezve a külső szolgáltatásnál; 3. a kód a gépeden lévő fájlra hivatkozik.
Szemléltető minta, Claude segítségével készült: azt mutatja, milyen jellegű és felépítésű válaszra számíthatsz. A többi ajánlott eszközzel a prompt várhatóan ugyanígy használható, de nem mindegyikben próbáltuk ki. A te eredményed más lesz. Hogyan készülnek a példák?
Miért működik?
Az élesítésnél nem a kód a nehéz, hanem a sorrend és a sok apró beállítás, amelyet a kódoló eszköz nem lát. A prompt ezért ellenőrzőlistát kér, minden lépésnél a siker jelével, így tudod, hol tartasz, és hol akadt el.
A konkrét szolgáltatók és árak gyorsan változnak, ezért a modell csak példát mond, a döntést és az ellenőrzést rád hagyja.
Mire figyelj?
- Élesítés előtt futtasd le a biztonsági átnézés promptot; a nyitva hagyott adatbázis élesben már valódi kockázat.
- A kulcsokat soha ne írd a kódba; a tárhely beállításaiban add meg őket.
- Ha személyes adatot kezelsz, élesben adatkezelési tájékoztató is kell.
Tippek eszközönként
- Lovable, Bolt, Replit
- Ezekben az élesítés egy gomb, de a saját domain és a kulcsok beállítása ugyanúgy a te dolgod. A lista 2-6. pontja rád is érvényes.
Folytasd ezekkel
Ugyanabban a beszélgetésben küldd el, a válasz után.
- Vezess végig a DNS-beállításon; ezt látom a domainszolgáltatóm felületén: [LEÍRÁS].
- Írj rövid ellenőrzőlistát, amelyet minden későbbi frissítés után végigfutok.
Kapcsolódó promptok
Összes vibe coding promptBiztonsági átnézés élesítés előtt
Mielőtt idegenek is használják, amit AI-jal építettél: ellenőrzőlista a leggyakoribb hibákra, a kulcsoktól a jogosultságokon át a mentésig, súlyosság szerint rendezve.
Biztonsági audit fenyegetésmodellel
Végigveszi, ki és hogyan élhetne vissza az alkalmazásoddal, majd a kódot a tipikus hibákra nézi át: jogosultság, bemenet, titkok, függőségek. Súlyosság szerint rangsorol, és jelzi, amit a beillesztett részből nem lát.
Tesztterv a kritikus felhasználói utakra
Kockázat szerint rangsorolja, mit kell tesztelni az alkalmazásodban, majd megírja a legfontosabb teszteket. Kézzel elvégezhető ellenőrzőlistát is ad azoknak, akik nem írnak automata tesztet.
Hibakeresés módszeresen, feltevésekkel
Megállítja a találgatós javítgatást: a tünetekből rangsorolt feltevéseket állít fel, mindegyikhez egy ellenőrző lépést ad, és csak a bizonyított ok után javít. A javítás a lehető legkisebb marad.