← Vissza a katalógushoz

Futtatható kezdőprojektek · 1.0.0 verzió

Next.js projektindító sablon

Indíts Next.js-alkalmazást működő nyitóoldallal, három nyelvvel, állapotvégponttal és a production kiszolgálót ellenőrző tesztekkel. A mellékelt forrásból építheted tovább a saját webalkalmazásodat.

Miért érdemes hozzáadnod?

Részletek… Összecsukás

Next.js projektindító sablon

Indíts Next.js-alkalmazást működő nyitóoldallal, három nyelvvel, állapotvégponttal és a production kiszolgálót ellenőrző tesztekkel. A mellékelt forrásból építheted tovább a saját webalkalmazásodat.

Mit kapsz?

Futtatható alkalmazásforrást kapsz: angol, magyar és német nyitóoldalt, nyelvváltást, a gyökéroldal átirányítását és egy állapotvégpontot. A sablon nem tartalmaz bejelentkezést, adatbázist, ügyféladatokat vagy kész üzleti munkafolyamatot.

A projekt létrehozása

Nézd át a csomagot az Orqestriában, és válassz új projektmappát. A telepítés kiírja a forrást, elkészíti az első Git-commitot, és hozzárendeli a mellékelt ügynököket és skilleket. Függőségeket nem telepít, alkalmazásszkripteket nem futtat, kiszolgálót nem indít.

Előfeltételek

  • A számítógépedre telepített Orqestria.
  • Írható hely, ahol az Orqestria új projektmappát hozhat létre.
  • Node.js 20.9 vagy újabb és a lockfile 3-as verzióját támogató npm.
  • Hálózati hozzáférés a külön elindított függőségtelepítéshez; maga az alkalmazás helyben fut.

Rögzített függőségek

Next.js 16.4.3 · React 19.3.1

A mellékelt lockfile rögzíti a sablonhoz használt függőségverziókat. Frissítés előtt nézd át a függőségek és licencek változásait; a sikeres sablonteszt nem biztonsági audit.

Első helyi indítás

Nyiss terminált az új projekt mappájában, nézd át az alábbi parancsokat, majd futtasd őket. Függőségeket telepítenek, és csak ezt a helyi példányt készítik elő. A létrejövő környezeti fájlokat és függőségeket ne tedd Gitbe.

A fejlesztői kiszolgáló csak a saját gépeden érhető el. Az npm ci a lockfile alapján telepít; nincs szükség a keretrendszer globális telepítésére.

npm ci
npm run dev

http://127.0.0.1:3000

http://127.0.0.1:3000/health

A sablon ellenőrzése

Nyisd meg a helyi alkalmazást, válts végig mindhárom nyelven, és ellenőrizd az állapotvégpontot. Futtasd a mellékelt teszteket a forrás bővítése előtt és a függőségek frissítése után is.

A tesztek előtt készíts buildet. A tesztszkript szabad helyi porton elindít egy saját production kiszolgálót, majd a végén leállítja.

npm run build
npm test

Production build

Ezek a parancsok helyi production buildet ellenőriznek. A közzétételt, bejelentkezést, jogosultságokat, adattárolást, mentéseket és felügyeletet még az alkalmazásod igényeihez kell megtervezned.

npm run build
npm start

Alakítsd a saját alkalmazásoddá

Először válassz egy üzleti munkafolyamatot, határozd meg a felhasználóit és egy megfigyelhető sikerkritériumát. Alakítsd hozzá az oldalt, és csak az ehhez szükséges adattárolást, jogosultságokat és integrációkat add hozzá. A meglévő teszteket használd alapként, és az új működéshez is írj ellenőrzéseket.

Mellékelt csapat

Orion, Quinn, Aria és Atlas a meglévő skilljeikkel kerülnek a projektbe. Ha valamelyik ügynök már telepítve van, az Orqestria azt használja újra, és megőrzi a módosításaidat. A modellalapú munkához beállított szolgáltató és használható skillek szükségesek.

Tervezd meg a későbbi munkát is

Számolj a keretrendszer és a függőségek frissítésével, a tárhellyel, az üzemeltetés felelősével és a növekedés miatti migrációval. Az adattárolás bevezetése előtt döntsd el, hogyan exportálhatók az adatok. A sablonhoz nem jár tárhelyszolgáltatás vagy karbantartási vállalás.

Válassz üzleti alapot

Üzleti feladathoz a nagyobb egyedi fejlesztés előtt hasonlítsd össze a tervezési csomagokat és a repógyűjteményeket.

Üzleti projektalapok böngészése

A keretrendszer dokumentációja

Mit kapsz a csomagban?

Ügynökök 4

A projekt skilljei 41

Nézd meg, melyik skill miben segít neked. A kártyákon részletes magyarázatot, konkrét eredményeket és gyakorlati példát találsz.

Rendszerek és szolgáltatások összekötése

Összeköti az alkalmazásodat más rendszerekkel. Megtervezi az adatcserét, a hibakezelést és azt, hogyan folytatódjon a működés egy átmeneti szolgáltatáskiesés után.

api-integration

Csomagban lévő fájlok 2
  • LICENSE.txt
  • SKILL.md

API-szerződések tesztelése

A hívók által elvárt kérés-, válasz- és mellékhatásszerződést igazolja, jogosultsággal és ismételt webhookkal együtt.

api-testing

Csomagban lévő fájlok 2
  • LICENSE.txt
  • SKILL.md

Architektúratervezés

Mérhető követelményből, egyértelmű adatgazdából és üzemeltetési kompromisszumból formálja a legkisebb megfelelő architektúrát.

architecture-planning

Csomagban lévő fájlok 2
  • LICENSE.txt
  • SKILL.md

Jogosultságok tesztelése

Közvetlen kérésekkel és valós többfelhasználós esetekkel igazolja, hogy a tiltott műveletek valóban sikertelenek.

authorization-testing

Csomagban lévő fájlok 2
  • LICENSE.txt
  • SKILL.md

Háttérrendszer fejlesztése

Tesztelt, összefüggő lépésekben fejleszt szerveroldali működést üzleti szabályokkal, sértetlen tranzakcióval és látható hibával.

backend-implementation

Csomagban lévő fájlok 2
  • LICENSE.txt
  • SKILL.md

Megbízható háttérfeladatok

Az ismételt kézbesítést és részleges befejezést szokásos működési esetként kezelve teszi újrafuttathatóvá és helyreállíthatóvá a háttérmunkát.

background-jobs

Csomagban lévő fájlok 2
  • LICENSE.txt
  • SKILL.md

Működést megőrző kódátalakítás

Kis, visszafordítható lépésekben javítja a szerkezetet a kimenetek, hibák és mellékhatások megtartásával.

behavior-preserving-refactoring

Csomagban lévő fájlok 1
  • SKILL.md

Javítható hibajelentések

Pontos hibajelentést ír a probléma megismétléséhez, hatásának megértéséhez és a későbbi javítás ellenőrzéséhez.

bug-reporting

Csomagban lévő fájlok 2
  • LICENSE.txt
  • SKILL.md

Üzleti projektek alapjai

Segít alkalmazásalapot választani a valódi folyamatilleszkedés, fenntartási teher és egyedi fejlesztési alternatíva összehasonlításával.

business-project-foundations

Csomagban lévő fájlok 4
  • SKILL.md
  • references/README.md
  • references/adoption-checklist.md
  • references/repositories.json

Jelenlegi működés és regresszió ellenőrzése

Stabil belépési pontokon rögzíti a meglévő működést a szerkezeti változtatásból eredő eltérések észleléséhez.

characterization-regression-checks

Csomagban lévő fájlok 1
  • SKILL.md

Célzott kódmódosítások

Teljessé, mégis áttekinthetővé teszi a módosítást a helyi minták követésével és a kért eredményhez szükséges változtatásokra szűkítéssel.

clean-changes

Csomagban lévő fájlok 1
  • SKILL.md

Kódreview

Követelmények, környező kód és felhasználói következmények alapján keres javítható hibákat egy változtatásban.

code-review

Csomagban lévő fájlok 2
  • LICENSE.txt
  • SKILL.md

Kódbázis feltérképezése

Segít eligazodni egy meglévő projektben: feltárja a fontos fájlokat, a rendszer kapcsolatait és a biztonságos módosítás helyét.

codebase-discovery

Csomagban lévő fájlok 2
  • LICENSE.txt
  • SKILL.md

Változási hatás és kompatibilitás

Interfészeken, tárolt és várakozó adaton térképezi a kompatibilitási kockázatot, biztonságos fogyasztói átállási sorrendet adva.

compatibility-change-impact

Csomagban lévő fájlok 1
  • SKILL.md

Párhuzamos adatváltozások hibakeresése

Feltárja, miért vesznek el módosítások, keletkeznek duplikációk vagy sérülnek szabályok egyidejű kéréseknél.

data-concurrency-debugging

Csomagban lévő fájlok 2
  • LICENSE.txt
  • SKILL.md

Helyreállítható adatbázismigráció

Olyan sémaváltást tervez, amely megőrzi az adatot, és átmenetileg együtt támogatja a régi és új alkalmazást.

database-migrations

Csomagban lévő fájlok 2
  • LICENSE.txt
  • SKILL.md

Elavult kód eltávolítása

Valódi hívók, futási beállítás és tárolt kompatibilitási igény ellenőrzése után távolít el elavult megvalósítást.

dead-code-compatibility-cleanup

Csomagban lévő fájlok 1
  • SKILL.md

Designrendszer bővítése

A meglévő komponensekből, tokenekből és valódi ismétlődésekből épít egységes felületi alapokat.

design-system

Csomagban lévő fájlok 2
  • LICENSE.txt
  • SKILL.md

Duplikációk és absztrakciók vizsgálata

Közös segédfüggvény előtt megkülönbözteti az ismételt üzleti szabályt a véletlen kódhasonlóságtól.

duplication-abstraction-review

Csomagban lévő fájlok 1
  • SKILL.md

Karakteres felülettervezés

A termék témájából, valós tartalmából és közönségéből vezet le vizuális irányt a meglévő márka tiszteletben tartásával.

frontend-design

Csomagban lévő fájlok 2
  • LICENSE.txt
  • SKILL.md

Frontend-megvalósítás

Használható felületté alakítja a terveket: érthető betöltési és hibaállapotokkal, megbízható műveletekkel és különböző képernyőkhöz igazodó elrendezéssel.

frontend-ui-engineering

Csomagban lévő fájlok 2
  • LICENSE.txt
  • SKILL.md

Fokozatos architektúramigráció

Teljes, ellenőrizhető lépésekben cserél architektúrát világos felelősséggel a régi és új megoldás együttélése alatt.

incremental-architecture-migration

Csomagban lévő fájlok 1
  • SKILL.md

Landingoldal-konverzió

Egy világos látogatói eredmény, valós bizonyíték és célzott következő lépés köré szervezi az oldalt.

landing-page-conversion

Csomagban lévő fájlok 1
  • SKILL.md

Régi kód működésének feltárása

Feltárja a meglévő működést és rejtett függőséget, hogy a régi kód módosításának megfigyelhető, ellenőrzött kiindulópontja legyen.

legacy-code-discovery

Csomagban lévő fájlok 1
  • SKILL.md

Régi kód biztonságos refaktorálása

Célzottan szervezi át a régi kódot a működés rögzítésével és a szándékos változás, véletlen regresszió elválasztásával.

legacy-refactoring

Csomagban lévő fájlok 2
  • LICENSE.txt
  • SKILL.md

Mobilalkalmazás felhasználói élménye

Platformszokások, érintés, hálózati körülmények és világos visszajelzés köré formál teljes mobilos utakat.

mobile-app-ux

Csomagban lévő fájlok 1
  • SKILL.md

Modulok szétbontása

Valós felelősséghatárok mentén bontja a kusza kódot, megőrizve a nyilvános működést és hívásokat.

module-decomposition

Csomagban lévő fájlok 1
  • SKILL.md

Üzemeltetési megfigyelhetőség

Naplót, mérőszámot és nyomkövetést kapcsol konkrét hiba-, teljesítmény- és felhasználóihatás-kérdésekhez.

observability

Csomagban lévő fájlok 2
  • LICENSE.txt
  • SKILL.md

Kockázatalapú teszttervezés

A lehetséges hiba hatása és valószínűsége szerint osztja el a tesztelési erőfeszítést.

risk-based-testing

Csomagban lévő fájlok 2
  • LICENSE.txt
  • SKILL.md

Biztonságos alkalmazásfejlesztés

Ellenőrzi a belépés, az űrlapok, a feltöltések és az érzékeny adatok kezelését. Segít kivédeni a rosszindulatú bemeneteket és a véletlen adatszivárgást.

secure-coding

Csomagban lévő fájlok 2
  • LICENSE.txt
  • SKILL.md

Rendszeres hibakeresés

Megismételhető hiba legkorábbi igazolt okát keresi kifejezett feltételezéssel és célzott ellenőrzéssel.

systematic-debugging

Csomagban lévő fájlok 2
  • LICENSE.txt
  • SKILL.md

Megvalósítási feladatbontás

Specifikációból sorrendezett, áttekinthető szállítási feladatokat készít működő felhasználói eredménnyel és elfogadási bizonyítékkal.

task-breakdown

Csomagban lévő fájlok 2
  • LICENSE.txt
  • SKILL.md

Tesztelés és megbízhatóság

Teszteket készít az egyes funkciókhoz és a teljes folyamatokhoz. Segít időben észrevenni a hibákat, és megelőzni a már kijavított problémák visszatérését.

testing-discipline

Csomagban lévő fájlok 1
  • SKILL.md

Típusbiztos szerződések

Nem megbízható határon erősíti az alkalmazási szerződést, és nehezebben előállíthatóvá teszi az érvénytelen üzleti állapotot.

type-safety-contracts

Csomagban lévő fájlok 1
  • SKILL.md

Átgondolt felületi animációk

Visszafogott mozgással teszi érthetőbbé az állapotváltásokat és a visszajelzéseket, miközben a gyakori műveletek gyorsak maradnak.

ui-motion

Csomagban lévő fájlok 2
  • LICENSE.txt
  • SKILL.md

Vizuális erőforrás briefje

Az oldal kommunikációs igényét kompozícióval, kimeneti formátummal és márkakorláttal ellátott megvalósítható képbrieffé alakítja.

visual-asset-brief

Csomagban lévő fájlok 1
  • SKILL.md

Felület vizuális ellenőrzése

Valódi böngészőállapotban, képernyőméretben és szélsőséges tartalomban tárja fel a felülethibát a késznek nyilvánítás előtt.

visual-qa

Csomagban lévő fájlok 2
  • LICENSE.txt
  • SKILL.md

Akadálymentes felületek

Segít, hogy a felület billentyűzettel és képernyőolvasóval is használható legyen, jól olvasható színekkel, egyértelmű címkékkel és érthető hibaüzenetekkel.

web-accessibility

Csomagban lévő fájlok 1
  • SKILL.md

Gyorsabb weboldalak mért eredményekkel

Megkeresi a lassú betöltés és késői reakciók valódi okát, majd összehasonlítható előtte-utána méréssel ellenőrzi a javítást.

web-performance

Csomagban lévő fájlok 1
  • SKILL.md

Projektek 1

  • Next.js project starter
    Csomagban lévő fájlok (25)
    • .gitignore
    • README.de.md
    • README.hu.md
    • README.md
    • app/de/page.jsx
    • app/en/page.jsx
    • app/globals.css
    • app/health/route.js
    • app/hu/page.jsx
    • app/layout.jsx
    • app/not-found.jsx
    • components/landing.jsx
    • lib/i18n.js
    • licenses/next/LICENSE
    • licenses/react-dom/LICENSE
    • licenses/react/LICENSE
    • messages/de.json
    • messages/en.json
    • messages/hu.json
    • next.config.mjs
    • package-lock.json
    • package.json
    • proxy.js
    • public/icon.svg
    • test/smoke.test.mjs

Előfeltételek

  • A számítógépedre telepített Orqestria.
  • Írható hely, ahol az Orqestria új projektmappát hozhat létre.
  • Node.js 20.9 vagy újabb és a lockfile 3-as verzióját támogató npm.
  • Hálózati hozzáférés a külön elindított függőségtelepítéshez; maga az alkalmazás helyben fut.