{"id":25566542,"url":"https://github.com/pdmlab/aspnet-core-htmx-vsa-template","last_synced_at":"2025-06-25T15:07:34.135Z","repository":{"id":215437022,"uuid":"657555871","full_name":"PDMLab/aspnet-core-htmx-vsa-template","owner":"PDMLab","description":"Vertical Slice Architecture ASP.NET Core App template with Tailwind + HTMX","archived":false,"fork":false,"pushed_at":"2024-01-29T13:46:56.000Z","size":2136,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-06-25T15:07:33.158Z","etag":null,"topics":["aspnetcore-template","htmx-template","tailwindcss-template"],"latest_commit_sha":null,"homepage":"","language":"C#","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/PDMLab.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":"2023-06-23T10:17:59.000Z","updated_at":"2024-02-29T18:09:42.000Z","dependencies_parsed_at":null,"dependency_job_id":"fb492621-f18f-406a-abd9-fbf2e298e666","html_url":"https://github.com/PDMLab/aspnet-core-htmx-vsa-template","commit_stats":null,"previous_names":["pdmlab/aspnet-core-htmx-vsa-template"],"tags_count":0,"template":true,"template_full_name":"PDMLab/AspNetCoreMvcHtmxTemplate","purl":"pkg:github/PDMLab/aspnet-core-htmx-vsa-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PDMLab%2Faspnet-core-htmx-vsa-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PDMLab%2Faspnet-core-htmx-vsa-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PDMLab%2Faspnet-core-htmx-vsa-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PDMLab%2Faspnet-core-htmx-vsa-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PDMLab","download_url":"https://codeload.github.com/PDMLab/aspnet-core-htmx-vsa-template/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PDMLab%2Faspnet-core-htmx-vsa-template/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261897003,"owners_count":23226648,"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":["aspnetcore-template","htmx-template","tailwindcss-template"],"created_at":"2025-02-20T22:33:04.856Z","updated_at":"2025-06-25T15:07:34.116Z","avatar_url":"https://github.com/PDMLab.png","language":"C#","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ASP.NET (Core)  MVC Template + HTMX + Tailwind + Vertical Slice Architecture Template (VSA)\n\nThis is a GitHub Template for ASP.NET Core MVC using .NET 6.\n\nIt contains\n\n* a .NET 8 Solution configured for Vertical Slice Architecture (VSA)\n* a ASP.NET Core MVC 8 project\n* HTMX\n* HTMX .NET extensions\n* TailwindCSS 3 including hot reload (JIT)\n* tmux/tmuxinator windows / panes for development\n\n## Usage\n\n### Create a new Repository\n\n* Create a new Repository from this Template as described [here](https://docs.github.com/en/repositories/creating-and-managing-repositories/creating-a-repository-from-a-template).\n* Clone your new repository locally\n\n### Run the solution\n\n#### First time\n\n```\nyarn install\ncd src/AspNetCoreMvcHtmx\nyarn install\nlibman restore\n```\n\n#### Development\n\n```\nyarn start\n```\n\n`tmuxinator` starts a new session with three windows:\n\n##### Workspace\n![](assets/screenshot_iterm_workspace.png)\n\n##### App (.NET output)\n![](assets/screenshot_iterm_app.png)\n\n##### Frontend (tailwind build)\n![](assets/screenshot_item_tailwind.png)\n\nBrowse https://localhost:5001\n\n![](assets/screenshot.png)\n\n#### HTMX interaction\n\nHTMX usage is shown on the Registration view, even the password strength indicator is build with pure ASP.NET and HTMX (no additional JavaScript)\n\n![](assets/PasswordStrengthIndicator.gif)\n\n## Known issues\n\n* Not tested on Windows\n* JetBrains Rider code completion does not work for TailwindCSS 3 JIT mode in `.cshtml` files [currently](https://youtrack.jetbrains.com/issue/RIDER-58725).\n\n## Renaming solution / project / folders\n\nOf course, you want to rename the projects files to match our needs.\n\nYou can use these commands, e.g. `AspNetCoreMvcHtmx`  gets renamed to `MyApp`:\n\n### Rename all references inside the files\n\n#### macOS\n\n```shell\nLC_ALL=C find . -type f -name '*.*' -not \\( -path './node_modules/*' -o -path './src/AspNetCoreMvcHtmx/node_modules/*' -o -path './assets' \\) -exec sed -i '' 's|AspNetCoreMvcHtmx|MyApp|g' {} \\;\n```\n\n#### Linux\n\n```shell\nLC_ALL=C find . -type f -name '*.*' -not \\( -path './node_modules/*' -o -path './src/AspNetCoreMvcHtmx/node_modules/*' -o -path './assets' \\) -exec sed -i 's/AspNetCoreMvcHtmx/MyApp/g' {} \\;\n```\n\n### Rename files and folders\n\n#### macOS and Linux\n\n```bash\nfind . -depth -name \"*AspNetCoreMvcHtmx*\" | \\\nwhile IFS= read -r ent; do mv $ent ${ent%AspNetCoreMvcHtmx*}MyApp${ent##*AspNetCoreMvcHtmx}; done\n\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpdmlab%2Faspnet-core-htmx-vsa-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpdmlab%2Faspnet-core-htmx-vsa-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpdmlab%2Faspnet-core-htmx-vsa-template/lists"}