{"id":16179739,"url":"https://github.com/bep/hugo-testing-tailwindcss-v4","last_synced_at":"2025-04-01T21:31:04.318Z","repository":{"id":246027358,"uuid":"819804715","full_name":"bep/hugo-testing-tailwindcss-v4","owner":"bep","description":"A test/demo repo.","archived":false,"fork":false,"pushed_at":"2025-01-23T14:03:49.000Z","size":27,"stargazers_count":22,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-24T15:49:41.491Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bep.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-06-25T08:29:41.000Z","updated_at":"2025-03-22T03:43:05.000Z","dependencies_parsed_at":"2024-06-25T12:55:34.298Z","dependency_job_id":"aa2b15ef-28c6-4d85-80f9-0468ff74aa5a","html_url":"https://github.com/bep/hugo-testing-tailwindcss-v4","commit_stats":null,"previous_names":["bep/hugo-testing-tailwindcss-v4"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bep%2Fhugo-testing-tailwindcss-v4","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bep%2Fhugo-testing-tailwindcss-v4/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bep%2Fhugo-testing-tailwindcss-v4/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bep%2Fhugo-testing-tailwindcss-v4/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bep","download_url":"https://codeload.github.com/bep/hugo-testing-tailwindcss-v4/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246665640,"owners_count":20814351,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-10T05:43:55.775Z","updated_at":"2025-04-01T21:31:03.871Z","avatar_url":"https://github.com/bep.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\nHugo `v0.128.0` added improved support for the upcoming [TailwindCSS v4](https://tailwindcss.com/blog/tailwindcss-v4-alpha).\n\n\nThis version is still in alpha, and there are still some missing pieces. This repo contains a few variants of how to set up TailwindCSS with Hugo as a test/documentation about what's working and what's not.\n\nNotes below updated 2024-06-25:\n\n\n## General\n\nTailwindCSS v4 alpha does not yet support custom a Tailwind configuration file. This means that there's currently no way to configure the input to TailwindCSS's build, e.g:\n\n```js\nmodule.exports = {\n\tcontent: ['./hugo_stats.json'],\n};\n```\n\nTailwindCSS scans text files for HTML identifiers starting from the project directory, and is very fast and smart about it. But this is a limitation we expect to be fixed before the final release.\n\n## Variants\n\n### TailwindCSS CLI Simple\n\nTriggers CSS rebuild on changes to CSS or to layout files.\n\nBenefits:\n\n* Simple to set up.\n* Works well in simple setups.\n\nDrawbacks:\n\n* Triggers CSS rebuild on changes to layout files that's not related to style.\n* Does not work in more complex setups (e.g. HTML identifiers from Hugo Modules).\n\n### TailwindCSS CLI Defer\n\nOnly triggers CSS rebuilds when either CSS or the `hugo_stats.json` file changes.\n\nBenefits:\n\n* Faster rebuilds when changing layout files that's not related to style.\n* Works in more complex setups (e.g. HTML identifiers from Hugo Modules).\n\nDrawbacks:\n\n* Slightly more complex setup.\n\n### PostCSS CLI Defer\n\nThis is same as `TailwindCSS CLI Defer`, but using PostCSS CLI instead of TailwindCSS CLI.\n\nBenefits:\n\n* Can use PostCSS plugins. But note that TailwindCSS v4 comes with autoprefixer and nesting built-in.\n\nDrawbacks:\n\n* Slower builds (about 170ms vs 100ms for the others for this small setup).\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbep%2Fhugo-testing-tailwindcss-v4","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbep%2Fhugo-testing-tailwindcss-v4","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbep%2Fhugo-testing-tailwindcss-v4/lists"}