Paul-Andrei Onachttps://paul-andrei-onac.ro/Hello, I am Paul-Andrei Onac and I am a Frontend Developer. This is a HUGO blog post that offers information about specific CSS, HTML, JavaScript use cases.Hugo -- gohugo.ioenThis work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.Thu, 10 Jul 2025 00:00:00 +0000How to integrate HUGO and Tailwind v3 in 5 Stepshttps://paul-andrei-onac.ro/hugo-and-tailwind/Sun, 24 Nov 2024 15:58:26 +0800Andreihttps://paul-andrei-onac.ro/hugo-and-tailwind/HUGO, the blazing-fast static site generator, and Tailwind, the utility-first CSS framework, are a powerful duo for building modern, responsive websites. This guide will walk you through the step-by-step process of integrating HUGO with Tailwind, ensuring your site is both fast and beautiful.

Prerequisites

Before we begin, make sure you have the following installed:

  • Node.js (for managing Tailwind and its dependencies)
  • HUGO (installed via Homebrew or your system’s package manager)
  • SASS Dart Sass to be more precise (installed globally)
  • A basic understanding of HUGO and CSS concepts

Step 1: Set Up a New HUGO Project

Start by creating a new HUGO project. Run the following command in your Git Bash:

]]>Font Awesome - Mixinhttps://paul-andrei-onac.ro/font-awesome-mixin/Sun, 18 Jun 2023 15:58:26 +0800Andreihttps://paul-andrei-onac.ro/font-awesome-mixin/<p>This article shows how to use Font Awesome with mixins better.</p>Flex Shorthand - Contenthttps://paul-andrei-onac.ro/flex-shortcode/Sun, 05 Mar 2023 15:58:26 +0800Andreihttps://paul-andrei-onac.ro/flex-shortcode/<p>This article shows the basic shorthand for flex property.</p>