Table of contents

Wstęp

Stworzyłem tę stronę głównie po to, aby poprawić moje umiejętności w tworzeniu stron internetowych. Chciałem poszerzyć swoją wiedzę o nowoczesnym tworzeniu stron przy użyciu frameworków i po przeanalizowaniu różnych opcji zdecydowałem się na framework Astro. Jednym z powodów, dla których wybrałem Astro, jest to, że jest zbudowany z JavaScript i TypeScript, a także chciałem wykorzystać ten projekt jako okazję do nauczenia się więcej o TypeScript. Ostatecznie moim celem jest zbudowanie wysokiej jakości strony i nauczenie się TypeScript po drodze.

Astro.build

https://astro.build/ Framework Astro jest stosunkowo nowym frameworkiem do tworzenia stron internetowych, zaprojektowanym do tworzenia wydajnych stron, które szybko się ładują. Jedną z kluczowych cech Astro jest użycie renderowania po stronie serwera (SSR), które pozwala frameworkowi wstępnie renderować większość treści strony na serwerze przed wysłaniem ich do klienta. Oznacza to, że strona może ładować się znacznie szybciej, ponieważ klient nie musi czekać, aż serwer wygeneruje treść przed jej wyświetleniem.

Do tej pory praca z frameworkiem Astro sprawiała mi przyjemność, ponieważ jest bardzo łatwy w użyciu, nawet dla początkującego takiego jak ja. Kilka lat temu miałem ten sam pomysł, aby stworzyć stronę i próbowałem użyć frameworka Hugo. Jednak Hugo jest oparty na Go, co czyniło pracę znacznie bardziej wymagającą, zwłaszcza że nie miałem wtedy doświadczenia z Go. Ponieważ jestem zainteresowany nauką JavaScript, odkryłem, że Astro było dla mnie znacznie lepszą opcją. To był świetny sposób na naukę języka podczas budowania mojej strony.

Co teraz?

Udało mi się uruchomić podstawową funkcjonalność mojej strony. Początkowo użyłem szablonu strony astro-paper, który był bardzo pomocny. Jednak po około tygodniu pracy nad stroną, framework Astro wydał wersję 2.0, która zawierała kilka fajnych nowych funkcji, które chciałem wdrożyć. Wprowadziłem pewne zmiany w szablonie, aby uwzględnić nowe funkcje, ale nie do końca rozumiałem, jak wszystko działa. W rezultacie celowo zepsułem większość rzeczy i zacząłem odbudowywać sekcję bloga od zera. Chociaż blog jest teraz funkcjonalny, wciąż jest kilka zepsutych funkcji, które muszę naprawić. Pomimo tych wyzwań, odkrywam, że dużo się uczę dzięki temu procesowi, co jest świetne.

Lista zadań do wykonania

Wciąż jest kilka rzeczy, które muszę zrobić, aby ulepszyć stronę, zanim będę w pełni zadowolony. Mam nadzieję, że uda mi się szybko wykonać te zadania, abym mógł przejść do innych projektów wykraczających poza proste budowanie strony.

• Naprawić stronę główną.
• Dodać treść do strony O mnie.
• Naprawić funkcję wyszukiwania wpisów na blogu.
• Usunąć wszystkie wzmianki o “Tagach”.
• Dodać funkcję “chmury kategorii”.
• Stworzyć odpowiednią stronę kategorii.
• Dodać obsługę wielu języków.
• Poprawić styl CSS.
• Ulepszyć ogólną treść strony.