{"id":18268501,"url":"https://github.com/anibalsanchez/xt-tailwind-for-joomla-template","last_synced_at":"2026-02-27T11:44:45.015Z","repository":{"id":69769531,"uuid":"286057825","full_name":"anibalsanchez/xt-tailwind-for-joomla-template","owner":"anibalsanchez","description":"XT Tailwind for Joomla. My Blog template, based on Tailwind CSS.","archived":false,"fork":false,"pushed_at":"2024-08-27T16:53:02.000Z","size":991,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-04T23:34:46.096Z","etag":null,"topics":["cms","joomla","tailwindcss","template"],"latest_commit_sha":null,"homepage":"https://blog.anibalhsanchez.com","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/anibalsanchez.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":"2020-08-08T14:24:24.000Z","updated_at":"2024-08-27T16:53:05.000Z","dependencies_parsed_at":"2024-08-27T18:21:47.324Z","dependency_job_id":"6f7026f8-2e4b-4132-bdc4-d383aadcf9a5","html_url":"https://github.com/anibalsanchez/xt-tailwind-for-joomla-template","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/anibalsanchez/xt-tailwind-for-joomla-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anibalsanchez%2Fxt-tailwind-for-joomla-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anibalsanchez%2Fxt-tailwind-for-joomla-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anibalsanchez%2Fxt-tailwind-for-joomla-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anibalsanchez%2Fxt-tailwind-for-joomla-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/anibalsanchez","download_url":"https://codeload.github.com/anibalsanchez/xt-tailwind-for-joomla-template/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anibalsanchez%2Fxt-tailwind-for-joomla-template/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272692468,"owners_count":24977362,"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","status":"online","status_checked_at":"2025-08-29T02:00:10.610Z","response_time":87,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["cms","joomla","tailwindcss","template"],"created_at":"2024-11-05T11:31:53.232Z","updated_at":"2026-02-27T11:44:45.009Z","avatar_url":"https://github.com/anibalsanchez.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# XT Tailwind for Joomla - The template\n\nFor future reference:\n\n- [Tailwind CSS has arrived at the Joomla scene](https://blog.anibalhsanchez.com/en/10-blogging/lost-and-found/47-tailwind-css-has-arrived-at-the-joomla-scene.html)\n- [anibalsanchez/XT-TailwindCSS-Starter](https://github.com/anibalsanchez/XT-TailwindCSS-Starter)\n- [FAQ - XT Tailwind for Joomla](https://blog.anibalhsanchez.com/en/10-blogging/lost-and-found/55-faq-xt-tailwind-for-joomla.html). Questions and Answers about Tailwind on Joomla.\n\n**Prerequisites**: Before you use this template, you must install [Node.js](https://nodejs.org/).\n\nThe project has two repositories:\n\n- **The Joomla extension build files**, in this repository: [anibalsanchez/XT-Tailwind-for-Joomla](https://github.com/anibalsanchez/XT-Tailwind-for-Joomla).\n- **The Tailwind template itself**, in this repository: [anibalsanchez/xt-tailwind-for-joomla-template](https://github.com/anibalsanchez/xt-tailwind-for-joomla-template). The dependency is managed with the composer plugin [mnsami/composer-custom-directory-installer](https://github.com/mnsami/composer-custom-directory-installer) to download the template files in the `template` folder.\n\nTo build the extension to package everything to have it ready for installation, please go to [anibalsanchez/xt-tailwind-css](https://github.com/anibalsanchez/XT-Tailwind-for-Joomla).\n\n## The Tailwind template\n\nTailwind CSS framework is used in the development context of [Node.js](https://nodejs.org/en/). So, Node.js must be installed to continue.\n\nThe Tailwind template can be executed in the following modes:\n\n- Development Mode\n- Proxy Server Mode for Joomla\n- Development Build\n- Production Build\n\n### Development Mode\n\nFrom the source (src/) directory, the live server is executed to design the template interactively. The objective of this mode is to create as many HTML files as necessary to develop the prototypes. In our case:\n\n- Blog Home Page, index.html\n- Blog Post, blog-post.html\n\nThe HTML pages must be declared in `webpack.config.js`.\n\nTo get started, clone the project and install the dependencies:\n\n```bash\n# Using npm\nnpm install\n```\n\nAfter the dependencies installation step, start the Webpack Development Server:\n\n```bash\nnpm i\nnpm run dev\n```\n\nThe page is rendered here `http://localhost:8080/`.\n\nWebpack Development Server will watch `/src/styles.css` and `/tailwind.config.js` and rebuild your stylesheet on every change. You can play around with `/src/index.html` (or the rest of the pages) to design the template.\n\n### Proxy Server Mode for Joomla\n\nBeyond the basic development alternatives, now I'm adding the choice to develop the template in **Proxy Server Mode**. In the proxy mode, the Tailwind CSS template can be installed on the Joomla site and reloaded automatically from Joomla and tested dynamically.\n\nSo, first, create the template as an installable extension:\n\n```bash\nnpm i\nnpm run prod\n```\n\nThen, zip all files (exclude the node_modules folder), install it on the Joomla site, and adjust the proxy `proxyURL` in the installed `templates/xttailwind/package.json`:\n\n```bash\n  \"config\": {\n    \"proxyURL\": \"http://jed.lndo.site/index.php\"\n  }\n```\n\nOn our development server, the site runs on `http://jed.lndo.site/index.php`. Finally, execute the command to activate the Webpack development proxy. After the proxy is active, the generated site is rendered on `http://localhost:3000/index.php` so you can change the source style interactively in `templates/xttailwind/src` and navigate the final output simultaneously.\n\n```bash\n# Access to the site folder where the template is developed in Proxy Mode\ncd templates/xttailwind\nnpm i\nnpm run dev-proxy\n```\n\nWhen you are done, remember to copy the changes back from the site to the repository and commit to making them permanent. Of course, if the repository is mapped to the site, you can commit the changes.\n\n### Development Build\n\nThis is almost the final step. It compiles all files, but it does not compress and optimize the styles. It is useful to test the template on different sites.\n\n```bash\nnpm i\nnpm run dev-build\n```\n\nAfter that, you will have a ready to deploy bundle at `/dist`. Then, zip all files (exclude the node_modules folder), and install it on a Joomla site.\n\n### Production Build\n\nThis is the final step to produce the compressed and optimized template. To build a production bundle run:\n\n```bash\nnpm i\nnpm run prod\n```\n\n## Acknowledgements\n\n- [Tailwind CSS](https://tailwindcss.com) - The Utility-First CSS Framework. A project by Adam Wathan (@adamwathan), Jonathan Reinink (@reinink), David Hemphill (@davidhemphill) and Steve Schoger (@steveschoger).\n- [Webpack](https://webpack.js.org/)\n- [PostCSS](https://postcss.org/)\n- [cssnano](https://cssnano.co/)\n\n## Copyright \u0026 License\n\n- Copyright (c)2012-2025 Extly, CB. All rights reserved.\n- Distributed under the GNU General Public License version 3 or later; see LICENSE\n- This project is dedicated to [Andrea Gentil](http://www.twitter.com/andreagentil) ;-D\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanibalsanchez%2Fxt-tailwind-for-joomla-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanibalsanchez%2Fxt-tailwind-for-joomla-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanibalsanchez%2Fxt-tailwind-for-joomla-template/lists"}