Hugo TailwindCSS Starter

A starter project for Hugo and TailwindCSS v4.0
Ready to deploy in Vercel 🚀
View Live »

Report Bug · Request Feature

Welcome

This starter project integrates Hugo with TailwindCSS v4.0 and is ready for deployment on Vercel.

Built With

• 
• 
• 

Features

• Integration of Hugo and TailwindCSS v4.0
• Easy deployment with Vercel
• Starter templates for rapid development

Installation

Ensure you have the following installed:

• Hugo (Extended Edition - at least v0.136.x)
• Node.js (at least v18.x)
• Vercel Account (optional for deployment)

To get a local copy up and running, follow these steps:

1. Clone the repository

   git clone https://github.com/odhyp/hugo-tailwindcss-starter.git

2. Navigate to the project directory

   cd hugo-tailwindcss-starter

3. Install the Node.js dependencies

   npm install

4. Run the development server

   npm run dev

5. When development is complete, build the optimized Hugo site

   npm run build

Roadmap

• No planned updates at the moment. Feel free to suggest improvements!

See the open issues for a full list of proposed features (and known issues).

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/YourFeature)
3. Commit your Changes (git commit -m 'Add some YourFeature')
4. Push to the Branch (git push origin feature/YourFeature)
5. Open a Pull Request

Top contributors

License

Distributed under the MIT License. See LICENSE for more information.

Acknowledgements

• Othneil Drew for the README.md Template
• Alexandre Sanlim for the README.md badges
• Cover image