La Guitarrita
Mein eigenes Flamenco-Gitarrenunterricht-Business, gebaut mit Angular, um das Framework in Ruhe zu üben, ohne Kundendruck.
Kontext
La Guitarrita ist mein eigenes Business für Flamenco-Gitarrenunterricht in Bern. Der Webauftritt hätte an einem Nachmittag eine Vorlage in irgendeinem Website-Baukasten sein können, aber ich habe mich bewusst für Angular entschieden, nicht weil das Projekt es gebraucht hätte, sondern um einen echten Ort zu haben, an dem ich das Framework in Ruhe üben kann, ohne den Druck eines wartenden Kunden im Nacken. Das Ergebnis ist ein zweisprachiger One-Pager (Deutsch/Englisch), live in Produktion, bei Google indexiert und mit einer eigenen Markenidentität.
Stack
| Ebene | Technologie |
|---|---|
| Frontend | Angular 21, Angular Material, SSG/Prerendering |
| Hosting | GitHub Pages, GitHub Actions (CI/CD) |
| DNS und Domain | INWX (Registrierung), Cloudflare (DNS) |
| Video | Amazon S3 (privat) + CloudFront (Origin Access Control) |
| Cloudflare Email Routing + Gmail SMTP |
Was ich gemacht habe
- Habe einen zweisprachigen One-Pager (DE/EN) mit Angular 21 und SSG/Prerendering gebaut, für gute Performance und SEO.
- Habe das Schema für strukturierte Daten entworfen (JSON-LD: LocalBusiness, Person, Service, FAQPage), validiert mit Googles Rich Results Test.
- Habe das DNS in Cloudflare im Modus "DNS only" konfiguriert, damit es konfliktfrei mit dem HTTPS-Zertifikat von GitHub Pages zusammenspielt, statt des standardmäßigen Proxy-Modus.
- Habe eine automatische Deployment-Pipeline mit GitHub Actions bei jedem Push auf main aufgesetzt.
- Habe das Kopfvideo von YouTube in einen privaten S3-Bucket migriert, ausgeliefert über CloudFront mit Origin Access Control, um das Wasserzeichen des Players zu entfernen.
- Habe eine personalisierte E-Mail-Adresse (javier@laguitarrita.ch) mit Cloudflare Email Routing eingerichtet, die an Gmail weiterleitet, und Versand per SMTP mit derselben Adresse konfiguriert.
Technische Herausforderung
Eine technische Herausforderung im klassischen Sinn gibt es hier nicht. Die eigentliche Herausforderung war gestalterisch: eine benutzerfreundliche Oberfläche mit klaren, direkten Informationen, ohne Rauschen oder Füllsätze. Wer die Seite öffnet, sollte in Sekunden verstehen, was ich anbiete, und das Video von mir beim Spielen sollte die Aufmerksamkeit sofort einfangen, noch vor allem anderen. Die eigentliche technische Herausforderung kommt erst, wenn ich mehrere Schülerinnen und Schüler habe und einen privaten Bereich für sie baue.
Ergebnis & Learnings
Eine Website in Produktion, zweisprachig, bei Google indexiert, mit validierten strukturierten Daten und eigener Analytics, ohne auf Google Analytics angewiesen zu sein. Und anders als bei den übrigen Projekten in diesem Portfolio muss ich sie hier nicht mit Screenshots erklären: Du kannst sie selbst besuchen, auf laguitarrita.ch.