Freitag, 26. April 2024
Wochen-Ziele:
- ersten echten Blog-Beitrag (MDX mit JavaScript) erstellen
Tages-Ziele:
-
Frontmatter für Meta-Daten der Blog-Beiträge verwenden -
SiteFooter erstellen -
Callout Komponente erstellen - atemberaubende Readme erstellen
- Blogs auf der Übersichtsseite nach Datum sortieren
Mein Wochenziel, den ersten richtigen Blog-Beitrag zu erstellen, werde ich auf nächste Woche verschieben. Heute hab ich mich hauptsächlich um die Metadaten, den SiteFooter, eine Callout-Komponente und einen SupportLink-Icon-Button-Whatever gekümmert.
Frontmatter für Meta-Daten der Blog-Beiträge verwenden
Die AboutPage, die Blog-Übersichtsseite und die SingleBlogPage haben jetzt alle ihre Metadaten bekommen. Auf der SingleBlogPage werden sie sogar dynamisch für jeden Blog u.a. aus dem Frontmatter generiert. Dafür hab ich Nexts generateMetadata-Funktion verwendet.
SupportLink-Icon-Button
Danach hab ich in die SocialLinks einen weiteren Button integriert. Dieser soll dann auf eine Seite führen auf der sämtliche Möglichkeiten aufgelistet sind, wie man den Blog und seinen Autor unterstützen kann.
SiteFooter
Als nächstes war der SiteFooter dran. Hier hab ich einfach noch mal die SocialLinks nebst SupportButton und einem Copyright und ‘Made in Berlin’ eingefügt.
Callout Komponente
Dann hab ich noch eine Callout-Komponente erstellt. Also quasi eine farbige Textbox, die es in den Varianten grün, gelb und rot gibt. Hier hab ich festgestellt, dass ich meine Custom-Tailwind-Colors in der falschen Reihenfolge angelegt habe. Das hab ich schnell gefixt...
Ordnung muss sein
Zum Schluss hab ich noch ein bisschen aufgeräumt und die Akzent-Farbe geändert. Das wars!