https://blog.huszcza.dev/tags/tailwind-css/Recent content in Tailwind CSS on Benedykt Huszcza | BlogHugo -- gohugo.ioenMon, 24 Feb 2025 16:00:00 +0000https://blog.huszcza.dev/p/benedykt-the-dev/Mon, 24 Feb 2025 16:00:00 +0000https://blog.huszcza.dev/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 and Programming Blog" /><h2 id="what-is-benedykt-the-dev">What is Benedykt-the-Dev? </h2><p><strong>Benedykt-the-Dev</strong> is my <strong>personal website</strong> where I share my <strong>portfolio</strong>, <strong>skills</strong>, and <strong>blog posts</strong> about my experiences and interests. I built this project using <strong>Next.js</strong> along with a few smaller libraries, which I&rsquo;ll talk about in a moment. The blog itself is powered by <strong>Hugo</strong>, ensuring fast performance and great SEO optimization.</p> <p>I have to admit, my inspiration for this project came from <a class="link" href="https://kaszkowiak.org/" target="_blank" rel="noopener" >Maciej</a>. I always read his posts with curiosity, and they ultimately motivated me to create my own site.</p> <p>Honestly, a year ago, I wouldn&rsquo;t have guessed that I&rsquo;d be writing a blog post about my own website. I hope that a year from now, I&rsquo;ll look back with the same sense of reflection – but this time about something completely different that I can&rsquo;t even imagine right now.</p> <h2 id="whats-on-the-website">What&rsquo;s on the website? </h2><ul> <li><strong>Portfolio</strong> – A showcase of my key projects with links to related blog posts, my career journey, interests, and a way to get in touch.</li> <li><strong>Blog</strong> – A place where I share my thoughts, tutorials, and experiences from my life as a developer.</li> </ul> <h2 id="tech-stack">Tech Stack </h2><ul> <li><strong>Next.js</strong> – A frontend framework that works great with SEO and ensures fast performance thanks to server-side rendering (SSR). It also makes it easy to add new features, like a contact form, in the future.</li> <li><strong>Framer Motion</strong> – My first experience with this animation library. It’s very intuitive and helps minimize unnecessary code.</li> <li><strong>React Typist</strong> – I used this tool to create a typing effect on the screen. It’s lightweight and easy to implement – exactly what I needed.</li> <li><strong>Tailwind CSS</strong> – A utility-first CSS framework that allows for consistent and modern styling without the need for separate CSS files. I love how it lets me write components and styles in one place.</li> <li><strong>Hugo</strong> – The blog is powered by <strong>Hugo</strong>, which guarantees fast loading times and excellent SEO optimization. At first, I ambitiously planned to write everything from scratch, including the backend and CMS. However, I ultimately chose <strong>Hugo</strong>, which allowed me to start publishing blog posts much faster. This choice was also inspired by <a class="link" href="https://kaszkowiak.org/" target="_blank" rel="noopener" >Maciej</a>, who recommended this solution.</li> </ul> <h2 id="whats-next">What&rsquo;s next? </h2><p>This project was a great opportunity to <strong>showcase my skills</strong> and <strong>share knowledge</strong> about web development, AI, and other topics that interest me. I’m planning to expand the site with a section about my hobbies and education.</p> <p>But let’s be real – the next few months are going to be pretty intense, because in just a week, I’m starting a <strong>new part-time job (3/4 time)</strong> and <strong>Master&rsquo;s degree in AI</strong>. Pressure? Sure, but they say it’s a privilege – so I’m planning to make the most of it. One thing’s for sure: boredom is not on the agenda!</p> <p>Want to check out the source code or learn more? Take a look at the <strong>repository on <a class="link" href="https://github.com/benhus8/benedykt-the-dev" target="_blank" rel="noopener" >GitHub</a></strong>.</p>