{"id":21039540,"url":"https://github.com/selfhostedpro/hono-vue-vite-ssr","last_synced_at":"2025-12-29T21:15:14.300Z","repository":{"id":224636789,"uuid":"763811551","full_name":"SelfhostedPro/hono-vue-vite-ssr","owner":"SelfhostedPro","description":"Simple working example of using hono to serve vue with vite and a working unified build process.","archived":false,"fork":false,"pushed_at":"2024-02-27T05:24:08.000Z","size":58,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-04-14T09:04:55.557Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/SelfhostedPro.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}},"created_at":"2024-02-27T00:41:36.000Z","updated_at":"2024-04-15T15:37:39.862Z","dependencies_parsed_at":"2024-02-27T01:46:28.014Z","dependency_job_id":"95fc7207-e519-4d46-9fc7-67e7d6182b5b","html_url":"https://github.com/SelfhostedPro/hono-vue-vite-ssr","commit_stats":{"total_commits":3,"total_committers":1,"mean_commits":3.0,"dds":0.0,"last_synced_commit":"936c8907bca2204193c3aca3a16169af2bb559b3"},"previous_names":["selfhostedpro/hono-vue-vite-ssr"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SelfhostedPro%2Fhono-vue-vite-ssr","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SelfhostedPro%2Fhono-vue-vite-ssr/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SelfhostedPro%2Fhono-vue-vite-ssr/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SelfhostedPro%2Fhono-vue-vite-ssr/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SelfhostedPro","download_url":"https://codeload.github.com/SelfhostedPro/hono-vue-vite-ssr/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243482942,"owners_count":20297908,"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-11-19T13:42:05.615Z","updated_at":"2025-12-29T21:15:09.278Z","avatar_url":"https://github.com/SelfhostedPro.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Hono + Vue 3 + TypeScript + Vite + SSR\n\nThis template is a simple working configuration for using Hono combined with Vue 3 and Vite to develop and serve an application using SSR. It's based off of the [Vue 3 + TypeScript + Vite Starter Template](https://github.com/bluwy/create-vite-extra/tree/master/template-ssr-vue-ts).\n\nMost of the documentation around this tooling is fairly poor so it took quite a bit of time and research to sort out how to do this and a lot of trial and error but I'm fairly happy with how it turned out.\n\n## Usage\n\nSo far this has only been tested with bun but it should work with most package management tools.\n\n### Installation\n\nClone the repo locally and then run the following command.\n\n```bash\nbun i\n```\n\n### Development\n\nOnce everything has been installed you can run the following command to start up your server and see your changes as you work. By default it will be available on port `3000`.\n\n```bash\nbun run dev\n```\n\n### Building\n\nTo build for production run\n\n```bash\nbun run build\n```\n\nThen, you can test it out locally\n\n```bash\nbun run preview\n```\n\n## How it works\n\nTo make things a bit more understandable I wanted to provide some details on how the underlying packages are configured to get this working\n\n### Devserver\n\nHono has it's own package in order to enable using hono for the devserver with some good documentation but when it comes to running locally instead of on cloudflare, things start to feel a bit sparse.\n\nThe most important parts here are `server.ts`, `index.ts`, and `src/entry-server.ts`.\n\n`server.ts` will read `index.html` to a string and store it in memory, then whenever a request comes to an endpoint the following will happen:\n\n- the `serveStatic` middleware will check to see if there's any files that match that name in the current directory","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fselfhostedpro%2Fhono-vue-vite-ssr","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fselfhostedpro%2Fhono-vue-vite-ssr","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fselfhostedpro%2Fhono-vue-vite-ssr/lists"}