https://blog.huszcza.dev/pl/tags/javascript/Recent content in JavaScript on Benedykt Huszcza | BlogHugo -- gohugo.ioplMon, 24 Feb 2025 16:00:00 +0000https://blog.huszcza.dev/pl/p/benedykt-the-dev/Mon, 24 Feb 2025 16:00:00 +0000https://blog.huszcza.dev/pl/p/benedykt-the-dev/<img src="https://blog.huszcza.dev/p/benedykt-the-dev/cover.jpg" alt="Featured image of post Benedykt-the-Dev – Portfolio i Blog Programistyczny" /><h2 id="czym-jest-benedykt-the-dev">Czym jest Benedykt-the-Dev? </h2><p><strong>Benedykt-the-Dev</strong> to moja <strong>strona osobista</strong>, na której dzielę się <strong>portfolio</strong>, <strong>umiejętnościami</strong> oraz <strong>wpisami na blogu</strong> o moich doświadczeniach i zainteresowaniach. Do stworzenia tego projektu użyłem <strong>Next.js</strong> oraz kilku mniejszych bibliotek, o których opowiem za chwilę. Blog zbudowałem na <strong>Hugo</strong>, co pozwala na szybkie działanie i świetną optymalizację pod kątem SEO.</p> <p>Nie mogę nie wspomnieć, że inspirację do tego projektu zaczerpnąłem od <a class="link" href="https://kaszkowiak.org/" target="_blank" rel="noopener" >Macieja</a>. Jego wpisy zawsze czytałem z ciekawością, co ostatecznie zmotywowało mnie do stworzenia własnej strony.</p> <p>Szczerze mówiąc, rok temu nie przypuszczałbym, że będę pisał wpis na bloga o swojej własnej stronie. Liczę na to, że za rok spojrzę na to z podobną refleksją – ale tym razem w kontekście czegoś zupełnie innego, o czym teraz nawet nie mam pojęcia.</p> <h2 id="co-znajdziesz-na-stronie">Co znajdziesz na stronie? </h2><ul> <li><strong>Portfolio</strong> – Najważniejsze projekty z linkami do wpisów na blogu, moja ścieżka kariery, zainteresowania oraz możliwość kontaktu.</li> <li><strong>Blog</strong> – Miejsce, w którym dzielę się przemyśleniami, poradnikami i doświadczeniami z mojego życia.</li> </ul> <h2 id="stack-technologiczny">Stack technologiczny </h2><ul> <li><strong>Next.js</strong> – Framework frontendowy, który świetnie współpracuje z SEO oraz oferuje szybkie działanie dzięki renderowaniu po stronie serwera (SSR). W przyszłości ułatwi mi też wdrażanie nowych funkcji, np. formularza kontaktowego.</li> <li><strong>Framer Motion</strong> – Moje pierwsze doświadczenie z tą biblioteką animacji. Bardzo intuicyjne rozwiązanie, które pozwala ograniczyć zbędny kod.</li> <li><strong>React Typist</strong> – Użyłem tego narzędzia, żeby uzyskać efekt pisania na ekranie. Jest lekkie i proste w implementacji – dokładnie to, czego potrzebowałem.</li> <li><strong>Tailwind CSS</strong> – Framework CSS typu utility-first, który umożliwia pisanie spójnych i nowoczesnych stylów bez potrzeby korzystania z dodatkowych plików CSS. Uwielbiam to rozwiązanie za możliwość pisania komponentów i stylów w jednym miejscu.</li> <li><strong>Hugo</strong> – Blog oparty jest na <strong>Hugo</strong>, co gwarantuje szybkie ładowanie oraz dobrą optymalizację pod kątem SEO. Początkowo miałem ambitny plan, by napisać wszystko od podstaw, włącznie z backendem i CMS-em. Jednak ostatecznie postawiłem na <strong>Hugo</strong>, co pozwoliło mi szybciej zacząć publikować wpisy na blogu. Tutaj również inspirowałem się podejściem <a class="link" href="https://kaszkowiak.org/" target="_blank" rel="noopener" >Macieja</a>, który polecił to rozwiązanie.</li> </ul> <h2 id="co-dalej">Co dalej? </h2><p>Ten projekt był świetną okazją do <strong>pokazania moich umiejętności</strong> oraz <strong>dzielenia się wiedzą</strong> z zakresu web developmentu, AI i innych tematów, które mnie interesują. Planuję rozbudować stronę o sekcję dotyczącą hobby czy wykształcenia.</p> <p>Jednak nie oszukujmy się – najbliższe miesiące będą dość intensywne, bo za tydzień zaczynam <strong>nową pracę na 3/4 etatu</strong> oraz <strong>studia II stopnia ze specjalnością AI</strong>. Presja? Owszem, ale podobno to przywilej – więc zamierzam to wykorzystać na maksa. Na nudę na pewno nie będę narzekać!</p> <p>Chcesz zobaczyć kod źródłowy albo dowiedzieć się więcej? Sprawdź <strong>repozytorium na <a class="link" href="https://github.com/benhus8/benedykt-the-dev" target="_blank" rel="noopener" >GitHubie</a></strong>.</p>