Product Logo
Tools & Services

Erste Webseite erstellen

Wir erstellen gemeinsam eine easyWebsite auf openCode — von der Auswahl der Vorlage bis zur ersten veröffentlichten Seite.

Was wir erreichen werden

Am Ende dieses Tutorials hast du eine fertige, öffentlich erreichbare Webseite, die du mit eigenen Inhalten befüllen kannst.

Voraussetzungen

  • Du hast einen Account auf openCode
  • Du hast die notwendigen Berechtigungen, um ein neues Projekt zu erstellen
  • Du bist mit den Grundlagen von GitLab vertraut (z.B. Commits, Branches, Pipelines)
  • Du kennst die grundlegende Struktur von MD(X)-Dateien und YAML-Dateien, um Inhalte und Konfigurationen anzupassen
  • Anstelle von openCode kannst du auch eine andere GitLab-Instanz nutzen, auf der du Projekte erstellen kannst. Passe in diesem Fall ggf. Links und Anweisungen entsprechend an.

1. Beispielprojekt auswählen

Auf openCode stehen Beispielprojekte zur Verfügung, die du direkt kopieren und für eigene Inhalte nutzen kannst.

Entscheide dich für eine der beiden Vorlagen. Auf dieser Grundlage entsteht deine Webseite.

Markdown zu KERN-UX-Webseite

Generieren Sie aus Markdown-Dateien eine Webseite im offiziellen KERN-UX Design. Inklusive Feedback-Optionen für Konsultationen.

Markdown zu Bundes-Webseite

Generieren Sie aus Markdown-Dateien eine Webseite im Bundes-Design. Ideal für Bundesbehörden und -institutionen.

2. Projekt auf GitLab erstellen und importieren

  1. Melde dich bei openCode an
  2. Klicke auf New Project
  3. Wähle die Kachel Import project aus
  4. Klicke auf 🔗 Repository by URL
  5. Füge unter Git repository URL den Git-Link des Beispielprojekts ein
  6. Benenne optional das Projekt um oder passe den Projekt-Pfad an
  7. Passe optional die Sichtbarkeit an (beachte die openCode Richtlinien zu nicht öffentlichen Projekten)
  8. Klicke auf Create project

Du hast jetzt ein einsatzbereites Projekt mit vorkonfigurierten Beispieldateien.

3. Erste Pipeline ausführen

Die Pipeline erzeugt deine Webseite und stellt sie automatisch bereit.

  1. Navigiere in der linken Seitenleiste unter Build zu Pipelines
  2. Klicke auf New pipeline
  3. Lasse den Branch auf main eingestellt, füge keine Variablen hinzu
  4. Klicke auf New pipeline, um die Pipeline zu starten
  5. Warte, bis die Stages build und deploy den Status success (grüner Haken) erreichen
  6. Navigiere zur Startseite deines Projekts
  7. Klicke rechts in der Seitenleiste auf den Link GitLab Pages

Du siehst jetzt deine veröffentlichte Webseite.

4. Erste Inhalte anpassen

Jede Änderung (Commit) löst automatisch eine neue Pipeline aus.

openCode bietet zum Bearbeiten der Inhalte eine Web-IDE an. Rufe sie über den Button Edit auf.

Nächste Schritte