Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/BenjaminPrice/hugo-tailwind3-starter
https://github.com/BenjaminPrice/hugo-tailwind3-starter
gohugo gohugo-theme hugo tailwind tailwind-css tailwindcss
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/BenjaminPrice/hugo-tailwind3-starter
- Owner: BenjaminPrice
- License: mit
- Created: 2022-03-11T11:40:32.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2022-03-12T16:39:41.000Z (almost 3 years ago)
- Last Synced: 2024-08-04T01:11:38.836Z (6 months ago)
- Topics: gohugo, gohugo-theme, hugo, tailwind, tailwind-css, tailwindcss
- Language: HTML
- Homepage: https://cocky-pare-3da5d5.netlify.app/
- Size: 66.4 KB
- Stars: 15
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
- awesome-hugo - Hugo + Tailwind 3 - SEO Optimized Starter
README
[](https://app.netlify.com/sites/cocky-pare-3da5d5/deploys)
# hugo-tailwind3-starter
A very simple starter set up with [TailwindCSS](https://tailwindcss.com/) and its [typography plugin](https://tailwindcss.com/docs/typography-plugin) and a build setup using [PostCSS](https://postcss.org/) and PurgeCSS (when running the production build).
In the preview deployment on Netlify it currently has a 100 on both mobile and desktop on [Google PageSpeed](https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fcocky-pare-3da5d5.netlify.app%2F&tab=mobile) and nearly a perfect score on LightHouse, as well.
This setup can be used both as a starter project and a theme.
## Inspiration & Attribution
Heavily inspired by [bep/hugo-starter-tailwind-basic](https://github.com/bep/hugo-starter-tailwind-basic) Tailwind 2 template.
Sample content from:
- [mxstbr/markdown-test-file](https://github.com/mxstbr/markdown-test-file)
## As a Project
```bash
npm install
npm start
```
## As a Theme
Import `github.com/BenjaminPrice/hugo-tailwind3-starter` into your project, and then run:
```bash
hugo mod npm pack
npm install
```