{"id":15091594,"url":"https://github.com/apfirebolt/express-tailwind-boilerplate","last_synced_at":"2026-01-04T20:33:42.164Z","repository":{"id":237363046,"uuid":"794380253","full_name":"Apfirebolt/express-tailwind-boilerplate","owner":"Apfirebolt","description":"A Boilerplate to create Multi-page web applications using TailwindCSS and Express JS","archived":false,"fork":false,"pushed_at":"2025-02-28T02:00:25.000Z","size":82,"stargazers_count":0,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-28T10:05:35.677Z","etag":null,"topics":["docker","docker-compose","expressjs","handlebars","nginx","nodejs","tailwindcss"],"latest_commit_sha":null,"homepage":"","language":"Handlebars","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Apfirebolt.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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-05-01T02:50:46.000Z","updated_at":"2025-02-28T02:00:28.000Z","dependencies_parsed_at":"2024-05-04T18:30:32.094Z","dependency_job_id":null,"html_url":"https://github.com/Apfirebolt/express-tailwind-boilerplate","commit_stats":null,"previous_names":["apfirebolt/express-tailwind-boilerplate"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apfirebolt%2Fexpress-tailwind-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apfirebolt%2Fexpress-tailwind-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apfirebolt%2Fexpress-tailwind-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apfirebolt%2Fexpress-tailwind-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Apfirebolt","download_url":"https://codeload.github.com/Apfirebolt/express-tailwind-boilerplate/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244952189,"owners_count":20537463,"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":["docker","docker-compose","expressjs","handlebars","nginx","nodejs","tailwindcss"],"created_at":"2024-09-25T10:41:58.439Z","updated_at":"2026-01-04T20:33:42.120Z","avatar_url":"https://github.com/Apfirebolt.png","language":"Handlebars","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Express Tailwind Boilerplate\n\n[![Express](https://img.shields.io/badge/Express-4.x-orange)](https://expressjs.com/)\n[![Tailwind CSS](https://img.shields.io/badge/Tailwind%20CSS-2.x-blue)](https://tailwindcss.com/)\n[![Nginx](https://img.shields.io/badge/Nginx-1.x-green)](https://nginx.org/)\n[![Docker](https://img.shields.io/badge/Docker-20.x-blue)](https://www.docker.com/)\n\nThis is a boilerplate project for creating web applications using Express.js and Tailwind CSS.\n\n## Features\n\n- Express.js server setup\n- Basic folder structure\n- Tailwind CSS integration\n- Preconfigured scripts for development and production\n\n## Getting Started\n\n1. Clone the repository: `git clone https://github.com/your-username/express-tailwind-boilerplate.git`\n2. Install dependencies: `npm install`\n3. Start the development server: `npm run dev`\n4. Open your browser and visit `http://localhost:3000`\n\n## Folder Structure\n\n## Installing Tailwind\n\n```\n\n```\n## Using both Tailwind CSS and Bootstrap using Layouts\n\nThe project is configured to use both Tailwind CSS and Bootstrap. Tailwind CSS is installed using npm, Bootstrap is imported using external CDN link.\n\nI have a folder called layouts inside views. I have two files inside this folder called main.hbs and dashboard.hbs. Main layout is configured to use styles from Tailwind css compiled each time a change is made in the views directory. Tailwind css script needs to run after each change.\n\n```\nnpm run tailwind:css\n\n...\n\n\"tailwind:css\": \"npx tailwindcss -i ./assets/css/tailwind.css -o ./assets/css/style.css\",\n\n```\n\nFollowing packages are installed locally to configure Tailwind CSS to be used without CDN.\n\n```\n...\n\n\"dependencies\": {\n    \"express\": \"^4.19.2\",\n    \"express-handlebars\": \"^7.1.2\"\n  },\n  \"devDependencies\": {\n    \"autoprefixer\": \"^10.4.19\",\n    \"postcss\": \"^8.4.38\",\n    \"tailwindcss\": \"^3.4.3\",\n    \"postcss-cli\": \"^10.0.0\"\n  }\n\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapfirebolt%2Fexpress-tailwind-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fapfirebolt%2Fexpress-tailwind-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapfirebolt%2Fexpress-tailwind-boilerplate/lists"}