← Zurück zum Katalog

Startfähige Projekte · Version 1.0.0

Next.js-Projektvorlage

Starte eine Next.js-Anwendung mit funktionierender Startseite, drei Sprachen, Status-Endpunkt und Tests für den Produktionsserver. Entwickle den mitgelieferten Quellcode zu deiner eigenen Webanwendung weiter.

Was bringt es dir?

Details… Weniger anzeigen

Next.js-Projektvorlage

Starte eine Next.js-Anwendung mit funktionierender Startseite, drei Sprachen, Status-Endpunkt und Tests für den Produktionsserver. Entwickle den mitgelieferten Quellcode zu deiner eigenen Webanwendung weiter.

Was du bekommst

Du erhältst ausführbaren Anwendungsquellcode: eine Startseite auf Englisch, Ungarisch und Deutsch, einen Sprachwechsel, eine Weiterleitung der Root-Route und einen Status-Endpunkt. Die Vorlage enthält keine Anmeldung, Datenbank, Kundendaten oder fertigen Geschäftsabläufe.

Projekt anlegen

Prüfe das Paket in Orqestria und wähle einen neuen Projektordner. Die Installation schreibt den Quellcode, erstellt den ersten Git-Commit und weist die enthaltenen Agenten und Skills zu. Sie installiert keine Abhängigkeiten, führt keine Anwendungsskripte aus und startet keinen Server.

Voraussetzungen

  • Orqestria auf deinem Computer installiert.
  • Ein beschreibbarer Ort, an dem Orqestria einen neuen Projektordner anlegen kann.
  • Node.js 20.9 oder neuer und npm mit Unterstützung für Lockfile-Version 3.
  • Netzwerkzugriff für die ausdrücklich gestartete Installation der Abhängigkeiten; die Anwendung selbst läuft lokal.

Festgelegte Abhängigkeiten

Next.js 16.4.3 · React 19.3.1

Die enthaltene Lockdatei legt die für diese Vorlage verwendeten Abhängigkeitsversionen fest. Prüfe Änderungen an Abhängigkeiten und Lizenzen vor einem Upgrade; ein erfolgreicher Vorlagentest ist kein Sicherheitsaudit.

Erster lokaler Start

Öffne ein Terminal im neuen Projektordner, prüfe die folgenden Befehle und führe sie dann aus. Sie installieren Abhängigkeiten und bereiten nur diese lokale Kopie vor. Nimm erzeugte Umgebungsdateien und Abhängigkeiten nicht in Git auf.

Der Entwicklungsserver ist nur auf deinem Rechner erreichbar. npm ci installiert anhand der Lockdatei; eine globale Installation des Frameworks ist nicht nötig.

npm ci
npm run dev

http://127.0.0.1:3000

http://127.0.0.1:3000/health

Vorlage prüfen

Öffne die lokale Anwendung, wechsle durch alle drei Sprachen und prüfe den Status-Endpunkt. Führe die mitgelieferten Tests vor Erweiterungen und nach Updates der Abhängigkeiten aus.

Erstelle den Build vor den Tests. Das Testskript startet einen eigenen Produktionsserver auf einem freien lokalen Port und beendet ihn anschließend.

npm run build
npm test

Produktionsbuild

Diese Befehle prüfen einen lokalen Produktionsbuild. Veröffentlichung, Anmeldung, Zugriffsrechte, Datenspeicherung, Backups und Überwachung brauchen noch einen Plan für deine Anwendung.

npm run build
npm start

Mach daraus deine Anwendung

Wähle zuerst einen Geschäftsablauf, seine Nutzer und ein beobachtbares Erfolgskriterium. Passe die Seite an und ergänze nur die Datenspeicherung, Berechtigungen und Integrationen, die dieser Ablauf braucht. Nutze die vorhandenen Tests als Ausgangspunkt und ergänze Prüfungen für neues Verhalten.

Enthaltenes Team

Orion, Quinn, Aria und Atlas werden diesem Projekt mit ihren vorhandenen Skills zugewiesen. Ist ein Agent bereits installiert, verwendet Orqestria ihn erneut und erhält deine Änderungen. Modellgestützte Arbeit benötigt deinen eingerichteten Anbieter und verwendbare Skills.

Spätere Arbeit einplanen

Plane Updates für Framework und Abhängigkeiten, Hosting, Betriebsverantwortung und spätere Migrationen ein. Entscheide vor der Datenspeicherung, wie sich Daten exportieren lassen. Die Vorlage umfasst weder einen Hosting-Dienst noch eine Wartungszusage.

Eine Geschäftsgrundlage wählen

Vergleiche für geschäftliche Anforderungen die Planungspakete und Repository-Sammlungen, bevor du ein größeres eigenes System entwickelst.

Geschäftliche Projektgrundlagen ansehen

Framework-Dokumentation

Was enthalten ist

Agenten 4

Skills in diesem Projekt 41

Entdecke, wobei dir jeder Skill hilft. Öffne eine Karte für eine verständliche Erklärung, konkrete Ergebnisse und ein praktisches Beispiel.

Systeme und Dienste verbinden

Verbindet deine Anwendung mit anderen Systemen. Definiert den Datenaustausch, die Fehlerbehandlung und die Wiederaufnahme nach vorübergehenden Ausfällen.

api-integration

Enthaltene Dateien 2
  • LICENSE.txt
  • SKILL.md

API-Verträge testen

Verifiziert Anfrage-, Antwort- und Nebenwirkungsverträge für API-Aufrufer einschließlich Berechtigungen und wiederholter Webhooks.

api-testing

Enthaltene Dateien 2
  • LICENSE.txt
  • SKILL.md

Architekturplanung

Gestaltet die kleinste geeignete Architektur anhand messbarer Anforderungen, klarer Datenverantwortung und betrieblicher Abwägungen.

architecture-planning

Enthaltene Dateien 2
  • LICENSE.txt
  • SKILL.md

Berechtigungen testen

Belegt abgelehnte Aktionen durch direkte Anfragen, indirekte Datenwege und realistische Szenarien mit mehreren Benutzern.

authorization-testing

Enthaltene Dateien 2
  • LICENSE.txt
  • SKILL.md

Backend-Implementierung

Implementiert Serververhalten in getesteten zusammenhängenden Schritten mit Geschäftsregeln, Transaktionskonsistenz und sichtbaren Fehlerzuständen.

backend-implementation

Enthaltene Dateien 2
  • LICENSE.txt
  • SKILL.md

Zuverlässige Hintergrundaufgaben

Macht Warteschlangenarbeit wiederholbar und wiederherstellbar, indem doppelte Zustellung und Teilabschluss als normale Betriebsfälle behandelt werden.

background-jobs

Enthaltene Dateien 2
  • LICENSE.txt
  • SKILL.md

Verhaltenserhaltendes Refactoring

Verbessert interne Strukturen in kleinen umkehrbaren Schritten bei gleichen Ausgaben, Fehlern und Nebenwirkungen.

behavior-preserving-refactoring

Enthaltene Dateien 1
  • SKILL.md

Verwertbare Fehlerberichte

Schreibt präzise Fehlerberichte für Reproduktion, Verständnis der Auswirkungen und Prüfung einer späteren Korrektur.

bug-reporting

Enthaltene Dateien 2
  • LICENSE.txt
  • SKILL.md

Grundlagen für Geschäftsprojekte

Hilft bei der Auswahl einer Anwendungsgrundlage durch Vergleich tatsächlicher Ablaufeignung, Betriebsaufwand und Eigenentwicklungsalternativen.

business-project-foundations

Enthaltene Dateien 4
  • SKILL.md
  • references/README.md
  • references/adoption-checklist.md
  • references/repositories.json

Bestandsverhalten und Regression prüfen

Hält vorhandenes Verhalten an stabilen Schnittstellen fest, um unbeabsichtigte Strukturfolgen zu erkennen.

characterization-regression-checks

Enthaltene Dateien 1
  • SKILL.md

Fokussierte Codeänderungen

Hält Codeänderungen vollständig und prüfbar durch lokale Konventionen und auf das gewünschte Ergebnis begrenzte Änderungen sowie Abhängigkeiten.

clean-changes

Enthaltene Dateien 1
  • SKILL.md

Code-Review

Findet behebbare Fehler durch Abgleich von Anforderungen, umgebendem Code und konkreten Folgen für Benutzer.

code-review

Enthaltene Dateien 2
  • LICENSE.txt
  • SKILL.md

Codebasis erkunden

Hilft dir, wichtige Dateien, Systemverbindungen und den passenden Ansatzpunkt für eine begrenzte Änderung in einem bestehenden Projekt zu finden.

codebase-discovery

Enthaltene Dateien 2
  • LICENSE.txt
  • SKILL.md

Änderungsfolgen und Kompatibilität

Erfasst Kompatibilitätsrisiken in Schnittstellen sowie gespeicherten oder wartenden Daten und ordnet sichere Verbraucherübergänge.

compatibility-change-impact

Enthaltene Dateien 1
  • SKILL.md

Gleichzeitige Datenänderungen untersuchen

Findet Ursachen verlorener Änderungen, doppelter Datensätze und verletzter Geschäftsregeln bei gleichzeitigen Anfragen.

data-concurrency-debugging

Enthaltene Dateien 2
  • LICENSE.txt
  • SKILL.md

Wiederherstellbare Datenbankmigrationen

Plant Schemaänderungen mit Datenerhalt und zeitweiser Unterstützung alter sowie neuer Anwendungsversionen.

database-migrations

Enthaltene Dateien 2
  • LICENSE.txt
  • SKILL.md

Veralteten Code entfernen

Entfernt veraltete Implementierung erst nach Prüfung echter Aufrufer, Laufzeitkonfiguration und gespeicherter Kompatibilitätsanforderungen.

dead-code-compatibility-cleanup

Enthaltene Dateien 1
  • SKILL.md

Frameworks und Abhängigkeiten modernisieren

Aktualisiert Pakete anhand installierter Versionen und bewahrt wichtiges Verhalten an externen Bibliotheksgrenzen.

dependency-framework-modernization

Enthaltene Dateien 1
  • SKILL.md

Designsystem erweitern

Entwickelt konsistente Oberflächengrundlagen aus vorhandenen Komponenten, Tokens und tatsächlichem Wiederholungsbedarf.

design-system

Enthaltene Dateien 2
  • LICENSE.txt
  • SKILL.md

Duplikation und Abstraktion prüfen

Unterscheidet mehrfach vorhandene Geschäftsregeln von zufällig ähnlichem Code vor gemeinsamen Helfern oder Frameworks.

duplication-abstraction-review

Enthaltene Dateien 1
  • SKILL.md

Durchgängige Benutzerabläufe testen

Prüft kritische Wege im echten Browser gegen ein kontrolliertes Testsystem mit beobachtbaren Ergebnissen.

e2e-testing

Enthaltene Dateien 2
  • LICENSE.txt
  • SKILL.md

Eigenständiges Oberflächendesign

Entwickelt eine Gestaltung aus Produktthema, echten Inhalten und Zielgruppe unter Beachtung vorhandener Markenregeln.

frontend-design

Enthaltene Dateien 2
  • LICENSE.txt
  • SKILL.md

Frontend-Umsetzung

Setzt Entwürfe als nutzbare Oberflächen mit verständlichen Lade- und Fehlerzuständen, zuverlässigen Aktionen und passenden Layouts für verschiedene Bildschirme um.

frontend-ui-engineering

Enthaltene Dateien 2
  • LICENSE.txt
  • SKILL.md

Schrittweise Architekturmigration

Ersetzt Architektur in vollständigen prüfbaren Schritten mit klarer Verantwortung während alter und neuer Parallelbetrieb.

incremental-architecture-migration

Enthaltene Dateien 1
  • SKILL.md

Landingpage-Konversion

Richtet eine Landingpage auf ein klares Besucherergebnis, wahrheitsgemäße Belege und eine gezielte nächste Aktion aus.

landing-page-conversion

Enthaltene Dateien 1
  • SKILL.md

Altes Codeverhalten erkunden

Rekonstruiert bestehendes Verhalten und verborgene Abhängigkeiten als beobachtbaren, kontrollierten Ausgangspunkt für Altcodeänderungen.

legacy-code-discovery

Enthaltene Dateien 1
  • SKILL.md

Sicheres Refactoring alten Codes

Strukturiert Altcode gezielt um und trennt aufgezeichnetes Bestandsverhalten, bewusste Änderungen und versehentliche Regressionen.

legacy-refactoring

Enthaltene Dateien 2
  • LICENSE.txt
  • SKILL.md

Mobile Anwendungserfahrung

Gestaltet vollständige mobile Abläufe nach Plattformkonventionen, Berührung, Netzbedingungen und klaren Rückmeldungen.

mobile-app-ux

Enthaltene Dateien 1
  • SKILL.md

Module zerlegen

Trennt verwobenen Code entlang tatsächlicher Verantwortlichkeiten bei erhaltenem öffentlichem Verhalten und stabilen Aufrufstellen.

module-decomposition

Enthaltene Dateien 1
  • SKILL.md

Betriebliche Beobachtbarkeit

Verknüpft Logs, Metriken und Traces mit konkreten Fragen zu Ausfällen, Leistung und Nutzerauswirkungen.

observability

Enthaltene Dateien 2
  • LICENSE.txt
  • SKILL.md

Risikobasierte Testplanung

Verteilt Prüfaufwand nach Auswirkung und Wahrscheinlichkeit möglicher Fehler einer Änderung.

risk-based-testing

Enthaltene Dateien 2
  • LICENSE.txt
  • SKILL.md

Sichere Anwendungsentwicklung

Prüft den Umgang mit Anmeldungen, Formularen, Uploads und sensiblen Daten. Hilft, schädliche Eingaben und unbeabsichtigte Datenweitergabe zu verhindern.

secure-coding

Enthaltene Dateien 2
  • LICENSE.txt
  • SKILL.md

Systematische Fehlersuche

Findet die früheste belegte Ursache reproduzierbarer Fehler durch ausdrückliche Hypothesen und gezielte Prüfungen.

systematic-debugging

Enthaltene Dateien 2
  • LICENSE.txt
  • SKILL.md

Umsetzungsaufgaben zerlegen

Übersetzt Spezifikationen in geordnete prüfbare Lieferaufgaben mit funktionierenden Nutzerergebnissen und klaren Abnahmenachweisen.

task-breakdown

Enthaltene Dateien 2
  • LICENSE.txt
  • SKILL.md

Tests und Zuverlässigkeit

Erstellt Tests für einzelne Funktionen und vollständige Abläufe. Hilft, Fehler früh zu erkennen und bereits behobene Probleme dauerhaft zu vermeiden.

testing-discipline

Enthaltene Dateien 1
  • SKILL.md

Typsichere Verträge

Stärkt Verträge an unvertrauenswürdigen Grenzen und modelliert Fachzustände so, dass ungültige Kombinationen schwerer entstehen.

type-safety-contracts

Enthaltene Dateien 1
  • SKILL.md

Sinnvolle Oberflächenanimationen

Macht Zustandswechsel und Rückmeldungen durch zurückhaltende Bewegung verständlich, ohne häufige Aktionen unnötig zu verzögern.

ui-motion

Enthaltene Dateien 2
  • LICENSE.txt
  • SKILL.md

Briefings für Bildressourcen

Übersetzt den Kommunikationsbedarf einer Seite in ein umsetzbares Bildbriefing mit Komposition, Ausgabeformaten und Markengrenzen.

visual-asset-brief

Enthaltene Dateien 1
  • SKILL.md

Visuelle Oberflächenprüfung

Findet sichtbare Oberflächenfehler in echten Browserzuständen, Größen und Extremdaten vor der Fertigmeldung.

visual-qa

Enthaltene Dateien 2
  • LICENSE.txt
  • SKILL.md

Barrierefreie Oberflächen

Macht Oberflächen mit Tastatur und Screenreader nutzbar – mit gut lesbaren Kontrasten, klaren Beschriftungen und verständlichen Fehlermeldungen.

web-accessibility

Enthaltene Dateien 1
  • SKILL.md

Schnellere Webseiten mit Messnachweis

Findet tatsächliche Ursachen langsamer Seiten und verzögerter Interaktionen und prüft Verbesserungen mit vergleichbaren Vorher-Nachher-Messungen.

web-performance

Enthaltene Dateien 1
  • SKILL.md

Projekte 1

  • Next.js project starter
    Enthaltene Dateien (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

Voraussetzungen

  • Orqestria auf deinem Computer installiert.
  • Ein beschreibbarer Ort, an dem Orqestria einen neuen Projektordner anlegen kann.
  • Node.js 20.9 oder neuer und npm mit Unterstützung für Lockfile-Version 3.
  • Netzwerkzugriff für die ausdrücklich gestartete Installation der Abhängigkeiten; die Anwendung selbst läuft lokal.