Table of contents

Intro

Ich habe diese Website hauptsächlich erstellt, um meine Webentwicklungsfähigkeiten zu verbessern. Ich wollte mein Wissen über moderne Webentwicklung mit Frameworks erweitern, und nach Recherche verschiedener Optionen entschied ich mich für das Astro-Framework. Einer der Gründe, warum ich Astro gewählt habe, ist, dass es mit JavaScript und TypeScript entwickelt wurde, und ich wollte dieses Projekt auch nutzen, um mehr über TypeScript zu lernen. Letztendlich ist mein Ziel, eine qualitativ hochwertige Website zu erstellen und dabei TypeScript zu lernen.

Astro.build

https://astro.build/ Das Astro-Framework ist ein relativ neues Webentwicklungs-Framework, das darauf ausgelegt ist, leistungsstarke Websites zu erstellen, die schnell laden. Eines der Hauptmerkmale von Astro ist die Verwendung von Server-Side Rendering (SSR), die es dem Framework ermöglicht, den Großteil des Website-Inhalts auf dem Server vorzurendern, bevor er an den Client gesendet wird. Dies bedeutet, dass die Website viel schneller laden kann, da der Client nicht darauf warten muss, dass der Server den Inhalt generiert, bevor er angezeigt wird.

Ich habe bisher gerne mit dem Astro-Framework gearbeitet, da es sehr einfach zu bedienen ist, selbst für einen Anfänger wie mich. Vor ein paar Jahren hatte ich dieselbe Idee, eine Website zu erstellen, und versuchte das Hugo-Framework zu verwenden. Hugo basiert jedoch auf Go, was die Arbeit damit viel schwieriger machte, besonders da ich damals keine Erfahrung mit Go hatte. Da ich daran interessiert bin, JavaScript zu lernen, stellte ich fest, dass Astro eine viel bessere Option für mich war. Es war eine großartige Möglichkeit, die Sprache zu lernen, während ich meine Website erstellte.

Was nun?

Ich habe es geschafft, die grundlegende Funktionalität meiner Website zum Laufen zu bringen. Ursprünglich verwendete ich die astro-paper Website-Vorlage, die sehr hilfreich war. Nach etwa einer Woche Arbeit an der Site veröffentlichte das Astro-Framework jedoch Version 2.0, die einige coole neue Funktionen enthielt, die ich integrieren wollte. Ich nahm einige Änderungen an der Vorlage vor, um die neuen Funktionen zu integrieren, verstand aber nicht vollständig, wie alles funktionierte. Infolgedessen habe ich absichtlich den größten Teil zerstört und begann, den Blog-Bereich von Grund auf neu aufzubauen. Obwohl der Blog jetzt funktioniert, gibt es noch einige defekte Funktionen, die ich beheben muss. Trotz dieser Herausforderungen stelle ich fest, dass ich durch diesen Prozess viel lerne, was großartig ist.

To-do-Liste

Es gibt noch einige Dinge, die ich tun muss, um die Website zu verbessern, bevor ich vollständig zufrieden bin. Ich hoffe, dass ich diese Aufgaben schnell erledigen kann, damit ich zu anderen Projekten übergehen kann, die über das bloße Erstellen einer einfachen Website hinausgehen.

• Die Startseite der Website reparieren.
• Inhalte zur Über-mich-Seite hinzufügen.
• Die Suchfunktion für Blogbeiträge reparieren.
• Alle Erwähnungen von “Tags” entfernen.
• Eine “Kategorienwolke”-Funktion hinzufügen.
• Eine ordentliche Kategorieseite erstellen.
• Unterstützung für mehrere Sprachen hinzufügen.
• Das CSS-Styling verbessern.
• Den gesamten Website-Inhalt verbessern.