Diese Website
Full-Stack Web-Application
VPS - Coolify - GitHub - Next.js - PayloadCMS
In diesem Beitrag geht es sich um diese Landingpage (dev-solutions.tech)
Meine Anforderungen
Um mich klar zu positionieren und professionell zu repräsentieren, habe ich diese Website erstellt.
Oberflächlich (Design & Nutzererlebnis):
- Ein cleanes, minimalistisches Design
- Absolut responsives Layout für alle Endgeräte
- Hohe Ladegeschwindigkeit und Performance-Optimierung
- Pixelgenaue Anpassungsmöglichkeiten
- Skalierbare Architektur
- Möglichkeit einer Seitenvorschau im CMS (idealerweise live)
Unter der Haube (Technik & Struktur):
Die Website basiert auf NextJS und PayloadCMS, ist performant, responsiv und hochflexibel.
Das Backend ist sicher konfiguriert, inklusive SSL, geschützter Datenbank und intuitiver CMS-Oberfläche.
Deployment und CI/CD sind professionell umgesetzt, sodass Updates zuverlässig und stabil erfolgen.
Welche Skills sind dafür notwendig?
- Sicherer Umgang mit Unix/Linux und Terminal
- Grundkenntnisse in Serveradministration
- Grundkenntnisse in Docker - Container und Networks
- Kenntnisse über das ausgewählte PaaS
- Erfahrung im Umgang mit Datenbanken (z. B. PostgreSQL, MongoDB)
- Fundiertes Wissen in Backend- und Frontend-Entwicklung
- Verständnis eines sauberen Git-Workflows
NextJS
Da NextJS (inkl. HTML, CSS und JS/TS) sich als mein Favorit unter den Frameworks heraus kristallisiert hat, habe ich unter Anderen, diese Technologie zum erstellen dieser Website genutzt.
PayloadCMS
Das CMS meiner Wahl. Entwickler freundlich und zugleich bietet es dem Nutzer der CMS Oberfläche eine Charmante Art, seine Website zu pflegen mit Globalen Einstellungen, Live Preview und vielen Funktionen.
Backend-Tech
Neben NextJS und PayloadCMS, sind Datenbanken und ein modernes PaaS System zum einsatz gekommen.
Näheres:
Mein Setup
Die Website ist auf einem selbst gehosteten, sicheren Server aufgebaut und nutzt ein modernes PaaS-System zur Verwaltung von Deployment und Versionierung.
Datenbank und Backend-Komponenten sind geschützt konfiguriert, sodass das CMS und die Website zuverlässig, performant und stabil laufen.
Wieso ein eigener Server?
Selfhosting bietet maximale Kontrolle und Flexibilität – ideal für mein Setup, da ich spezifische Anforderungen an Datenbank und Deployment habe. Da die Website hauptsächlich als persönliche Präsentation dient, sind die laufenden Kosten minimal.