Astro
Wiederverwendbare Komponenten, gemeinsame Layouts und statisch erzeugte Seiten.
Technischer Einblick · Für Entwickler und technisch Interessierte
Was hinter einer guten Website steckt.
Hier geht es um die technische Umsetzung: Architektur, Inhaltsverwaltung und Betrieb. Wenn Sie vor allem Leistungen und Preise suchen, führt der Konfigurator direkt zum passenden Angebot.
01 · Frontend-Architektur
Statisch, wo es sinnvoll ist.
Interaktiv, wo es hilft.
Diese Dienstleistungswebsite nutzt Astro 7, TypeScript und Tailwind CSS 4. Astro erzeugt beim Build HTML-Seiten. Die Inhalte stehen damit bereits beim ersten Aufruf zur Verfügung. Nur Empfehlung, Konfigurator und Formulare erhalten die benötigte JavaScript-Logik.
TypeScript
Geprüfte Datenmodelle für Auswahl, Berechnung und die Übergabe an Formulare.
CSS & Tailwind
Ein gemeinsames Designsystem und responsive Layouts ohne zusätzliche UI-Bibliothek.
Lokale Bilder, definierte Bildgrößen und möglichst wenig JavaScript begrenzen den Ladeaufwand. Semantisches HTML, sichtbare Fokuszustände und native Formularfelder unterstützen die Bedienung mit Tastatur und Hilfsmitteln.
02 · Inhalte & CMS
Wie oft möchten Sie selbst etwas ändern?
Ein CMS ergänzt Ihre Website um eine Inhaltsverwaltung. Ob Sie Änderungen abstimmen oder ausgewählte Inhalte selbst bearbeiten möchten, hängt von Ihrem Alltag ab.
Änderungen abstimmen
- Sie stimmen abWelche Inhalte ändern sich?
- Ich passe anTexte und Bilder im Projekt
- VeröffentlichenDie Website wird aktualisiert
Für seltene Änderungen. Der vollständige Quellcode bleibt bei Ihnen.
Ausgewählte Inhalte selbst ändern
- Sie melden sich anPersönlicher Zugang
- Sie bearbeitenFreigegebene Texte und Bilder
- VeröffentlichenÜber den vereinbarten Ablauf
Für regelmäßige Änderungen. Die bearbeitbaren Bereiche legen wir vorab fest.
Das konkrete CMS und sein Veröffentlichungsweg richten sich nach dem Kundenprojekt. Diese Website nutzt selbst kein öffentliches CMS. Bearbeitbar sind zum Beispiel Texte, Bilder, Leistungen oder Referenzen, soweit vereinbart.
Dateien einfach und geschützt bereitstellen
Für Fotos, Logos, Texte und weitere Projektdateien erhalten Sie einen eigenen, geschützten Uploadbereich in FileBrowser Quantum. So können Sie Materialien ohne große E-Mail-Anhänge bereitstellen.
- Sie stellen bereitFotos, Logo, Texte oder PDFs
- UploadbereichIhr geschütztes Projektverzeichnis
- ProjektmaterialInhalte gemeinsam abstimmen
- EntwicklungPassende Inhalte einarbeiten
Zugänge und Projektbereiche
Jeder Kunde erhält ein eigenes Projektverzeichnis mit beschränktem Zugriff. Die eingerichteten Berechtigungen verhindern, dass andere Kunden auf diesen Bereich zugreifen können.
Der Dateiaustausch ist vom Website-CMS getrennt. Bereitgestellte Materialien werden erst nach Abstimmung in die Entwicklung übernommen. Technische Dokumentation zu Benutzern und Berechtigungen ↗
03 · Git & Veröffentlichung
Änderungen bleiben nachvollziehbar.
Eigene Entwicklungsinfrastruktur
Auf meinem Hetzner-VPS in Nürnberg betreibe ich Forgejofür versionierten Quellcode und Entwicklungsabläufe sowie Umami für optionale, selbst gehostete Besucherstatistik.
Hetzner: Entwicklungsinfrastruktur. netcup: produktive Kundenwebsites. Beide Serverstandorte liegen in Nürnberg, Deutschland; die Systeme sind getrennt. Weitere Dienste können auf anderen Systemen laufen.
Änderungen automatisch veröffentlichen
Bei meinen Kundenwebsites lösen Pushes zu Forgejo automatisch den Build und die Veröffentlichung bei netcup aus. Freigegebene Änderungen aus dem eingerichteten, Git-basierten Kunden-CMS stoßen denselben Ablauf an.
CodeänderungenEntwicklung und Push ins Repository
Freigegebene CMS-InhalteBei Git-basierter CMS-Integration
- ForgejoGit-RepositoryHetzner · Nürnberg
- Prüfung & BuildAutomatisch nach einem Push
- DeploymentNach erfolgreichen Prüfungen
- KundenwebsiteProduktives Webhostingnetcup · Nürnberg
Diese Dienstleistungswebsite: Veröffentlichung manuell ausgelöst
In diesem Repository prüfen GitHub Actions Pull Requests mit Typprüfung, Tests, Formatierung und Produktionsbuild. Der getrennte Deployment-Workflow wird für den Branchmaster manuell gestartet. Erst nach erfolgreicher Prüfung wird die Ausgabe per SFTP zu netcup übertragen. Ein automatischer Upload bei jedem Push oder jeder CMS-Änderung ist hier nicht eingerichtet.
- EntwicklungAstro & TypeScript
- RepositoryGit & GitHub
- Prüfung & BuildGitHub Actions
- DeploymentSFTP zu Netcup
- WebsiteHTML, CSS & PHP
e-reznik-web.de.Die Seiten entstehen beim Build. PHP verarbeitet Kontaktanfragen und berechnet die Preisorientierung erneut aus dem gemeinsamen Katalog. Honeypot, Mindest-Ausfüllzeit und Anfragebegrenzung schützen den Kontaktweg.
04 · Hosting & Betrieb
Die Website gehört Ihnen.
Sie bleiben eingetragener Domaininhaber und erhalten den vollständigen Quellcode. Auf Wunsch übernehme ich Hosting und technische Betreuung im vereinbarten Umfang. Den Vertrag schließen Sie mit mir und erhalten Ihre Rechnung von mir.
- Sie als KundeEingetragener Domaininhaber
- Ihre DomainAuf Ihren Namen · Registrar frei wählbar
- Website-HostingVon mir verwaltet · netcup in Nürnberg
- Ihre WebsiteUnter Ihrer Domain erreichbar
Domaininhaber, Registrar und Hostingkonto
- Domaininhaber
- Sie beziehungsweise Ihr Unternehmen sind für die Domain registriert.
- Registrar und Domainkonto
- Der Anbieter verwaltet die Domainregistrierung. Ihr Domainkonto kann unabhängig vom Website-Hosting bestehen.
- Hostinganbieter
- netcup stellt das produktive Hosting in Nürnberg bereit. Ich bestelle die Pakete über mein eigenes Kundenkonto und bin Vertragspartner von netcup.
- Technische Verwaltung
- Ich kümmere mich um die vereinbarten Zugänge, Konfiguration, Veröffentlichung und Wartung. Dafür benötigen Sie kein eigenes netcup-Konto und müssen mir kein Hostingpasswort überlassen.
Domain beim eigenen Registrar: Sie behalten oder registrieren Ihre Domain bei einem Anbieter Ihrer Wahl und behalten Ihren Zugang. Die Verbindung zur Website erfolgt durch autorisierte DNS-Einstellungen.
Domain über meine netcup-Verwaltung: Das kommt nur infrage, wenn mein konkretes Konto und Produkt die Registrierung mit Ihnen als Domaininhaber erlauben. Diese Möglichkeit ist für mein bestehendes Konto noch nicht bestätigt. Vor einer Beauftragung werden Kontofunktion, Inhaberdaten und erforderliche Zustimmungen geklärt.
Hosting in Deutschland
Die von mir betreuten Kundenwebsites laufen bei netcup in Nürnberg, Deutschland – getrennt von meinem Entwicklungs-VPS bei Hetzner.
Anbieter, Tarif und Serverstandort
Aktuell nutze ich Webhosting 1000 NUE mit Serverstandort Nürnberg. Der Hetzner-VPS für Forgejo und Umami ist eine separate Entwicklungsumgebung.
Der Standort des Website-Hostings und die Datenverarbeitung weiterer Dienste werden getrennt betrachtet. Ein deutscher Serverstandort allein ersetzt die Datenschutzprüfung der eingesetzten Dienste nicht.
Externe Verfügbarkeitsüberwachung
Ein unabhängiger Dienst prüft regelmäßig die Erreichbarkeit betreuter Websites. Bei einem erkannten Ausfall erhalte ich eine Push-Benachrichtigung auf dem Smartphone und zusätzlich eine E-Mail.
- KundenwebsiteErreichbarkeit von außen prüfen
- Externer DienstErkennt einen Ausfall
- Push & E-MailBenachrichtigung an mich
Datensicherung und Wiederherstellung
Versionierter Quellcode in Forgejo hilft, frühere Website-Stände erneut zu erstellen. Hetzner-Backups sichern meinen VPS, BorgBackup ausgewählte Daten. Für das produktive netcup-Hosting gibt es ergänzende, freiwillige Anbietersicherungen.
Entwicklungsinfrastruktur
- Hetzner-VPSEigener Server in NürnbergHetzner-BackupsAutomatische Serverbackups
- Ausgewählte DatenUmfang je SicherungsauftragBorgBackupZusätzliche Datensicherung
Website-Quellcode
- ForgejoGespeicherte Git-StändeVersionierter QuellcodeInklusive eingecheckter CMS-Inhalte
Produktive Kundenwebsite
- netcupWebhosting 1000 NUE · NürnbergFreiwillige AnbieterbackupsVerfügbarkeit nicht garantiert
Technische Details zur Datensicherung
Entwicklungsinfrastruktur: Automatische Hetzner-Backups ermöglichen die Rückkehr zu einem früheren Serverstand. BorgBackup ergänzt Sicherungen ausgewählter Daten; welche Daten enthalten sind, bestimmen die eingerichteten Sicherungsaufträge.
Quellcode: Forgejo hält frühere Git-Stände und bei Git-basierten CMS die eingecheckten Inhalte vor. Erneutes Erstellen und Veröffentlichen setzt voraus, dass alle benötigten Dateien und Medien verfügbar sind. Git ersetzt kein unabhängiges Backup: Datenbanken, Postfächer und Dateien außerhalb des Repositorys sind nicht automatisch enthalten. Forgejo allein garantiert keine unabhängige Sicherung aller Repositories.
Produktives Hosting: netcup bietet im aktuellen Tarif Webhosting 1000 NUE freiwillige Sicherungen von Website-Dateien, E-Mails und Datenbanken über mehrere Tage an. Laut Anbieter werden Dateien bis 10 GB berücksichtigt. Die Verfügbarkeit ist nicht garantiert; eine Wiederherstellung über den Support kann kostenpflichtig sein. Das ist kein garantierter, unabhängiger Sicherungsdienst.
Die automatische Sicherung auf einen externen FTP-Server ist in Webhosting 1000 nicht enthalten; netcup bietet sie ab Webhosting 2000 an. Eine eigene regelmäßige BorgBackup-Sicherung des produktiven netcup-Webspace ist bisher nicht bestätigt. Umfang, Aufbewahrung und Wiederherstellung sind je Projekt festzulegen.
Anbieterangaben: Webhosting 1000 NUE ↗ und Webhosting 2000 NUE ↗ sowie Hinweise zur Wiederherstellung ↗. Stand: 22. Oktober 2026.
Bei einem Hostingwechsel bleiben Sie Domaininhaber. Wir stimmen Website-Dateien, Quellcode und die nötigen technischen Informationen für die Übergabe ab; Sie sorgen rechtzeitig für Ersatzhosting. Zusätzliche Umzugsleistungen werden vorab vereinbart. Fragen zu Hosting, Domain und Kündigung →
05 · SEO & Analytics
Auffindbarkeit und Nutzung sind zwei Fragen.
Technische SEO beginnt mit verständlichen URLs, semantischem HTML, passenden Seitentiteln, Meta-Beschreibungen und einer Sitemap. Strukturierte Daten helfen Suchmaschinen, Personen, Angebote und Inhalte einzuordnen. Dieses Projekt erzeugt diese Grundlagen bereits beim Build.
Google Search Console
Wie wird Ihre Website in der Google-Suche gefunden? Einblick in Suchanfragen, Sichtbarkeit und die Erfassung Ihrer Seiten.
Einrichtung bei Website Business enthaltenBesucherstatistik mit Umami
Eine optional eingerichtete, selbst gehostete Statistik mit Umami macht Seitenaufrufe und Nutzungstrends nachvollziehbar. Sie ergänzt die Suchauswertung der Search Console.
Optionale Einrichtung nach AbstimmungUmami ist eine optionale Ergänzung. Datenumfang, Einbindung und die erforderlichen Datenschutzhinweise stimmen wir vorab ab. Diese Website bindet weiterhin keine Statistik- oder Aufzeichnungsskripte ein. Suchpositionen oder eine bestimmte Zahl von Anfragen lassen sich durch technische Maßnahmen allein nicht garantieren.
Nächster Schritt
Lieber direkt über Ihr Vorhaben sprechen?
Technische Entscheidungen übernehme ich passend zu Ihrem Projekt. Gemeinsam klären wir, was Sie und Ihre Kunden brauchen.