{"id":29142218,"url":"https://github.com/ethanz-code/saasexample-tailwindui","last_synced_at":"2025-06-30T19:10:22.308Z","repository":{"id":219588280,"uuid":"749411037","full_name":"ethanz-code/SaasExample-TailwindUI","owner":"ethanz-code","description":"基于Nuxt3+TailwindUI的自适应现代化漂亮UI案例","archived":false,"fork":false,"pushed_at":"2024-08-21T04:35:43.000Z","size":1635,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-24T12:53:13.427Z","etag":null,"topics":["adaptive","demo","nuxt3","tailwind","tailwindui"],"latest_commit_sha":null,"homepage":"https://saas-example-tailwindui.vercel.app/","language":"Vue","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/ethanz-code.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-01-28T14:08:38.000Z","updated_at":"2024-08-24T05:25:59.000Z","dependencies_parsed_at":"2024-02-15T12:30:12.266Z","dependency_job_id":"9151a249-4422-49cc-97f4-72b355c3ff42","html_url":"https://github.com/ethanz-code/SaasExample-TailwindUI","commit_stats":null,"previous_names":["yassine-zhang/background-template","yassine-zhang/h5basictemplate","yassine-zhang/saasexample-tailwindui","ethanz-code/saasexample-tailwindui"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ethanz-code/SaasExample-TailwindUI","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ethanz-code%2FSaasExample-TailwindUI","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ethanz-code%2FSaasExample-TailwindUI/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ethanz-code%2FSaasExample-TailwindUI/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ethanz-code%2FSaasExample-TailwindUI/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ethanz-code","download_url":"https://codeload.github.com/ethanz-code/SaasExample-TailwindUI/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ethanz-code%2FSaasExample-TailwindUI/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262834822,"owners_count":23371854,"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":["adaptive","demo","nuxt3","tailwind","tailwindui"],"created_at":"2025-06-30T19:10:19.929Z","updated_at":"2025-06-30T19:10:22.295Z","avatar_url":"https://github.com/ethanz-code.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"## 介绍\n\n\u0026nbsp;\u0026nbsp;这是一个基于 tailwindcss + nuxt3 的基础H5模版，它至少对目前我的情况来说会有益处。希望对你也有所帮助。\n\n如果这个基础项目你觉得确实有点用,可以 fork 下来用在自己的项目，感谢你的支持，有问题请提 issues。\n\n## 效果演示\n\n![](./public/demo/media.png)\n\n## 本地运行\n\n\u003e 注意下文提到的 bun 与 npm、 pnpm、 yarn 具有相同作用，但远不止这些，它还完全兼容 NodeJS 所有功能，执行速度更快，意在替代 NodeJS 的存在，从23年起受到国外用户广泛使用。\n\n- 安装依赖：`bun install`\n- 启动dev服务器：`bun run dev`\n- 项目构建：`bun run build`\n- 项目构建（使用github-pages预设）：`bun run build:github-pages`\n- 构建后预览：`bun run preview`\n- 部署到远程gh-pages分支：`bun run deploy`\n\n## 有效目录\n\n\u003e 具体请查看项目 `pages` 目录\n\n- /\n- /login\n- /dashboard\n- /dashboard/~\n- 其他路径为一个错误页面。\n\n## 部署\n\n1. 部署到 Github Pages 可直接使用 `bun run deploy`，之后在 github 仓库配置 pages ，\n   - `./lib/utils.ts` 文件中 `getRootPath` 函数内需要注意修改生产环境下的名称，这里对标 Github 仓库名称。\n     - `return process.env.NODE_ENV === \"production\" ? \"/H5BasicTemplate/\" : \"/\"`;\n   - 更多第三方托管部署的方式请参考：https://nuxt.com.cn/deploy\n   - 如果你只是做效果演示，可以第三方托管部署，比较方便的是 vercel，我并不推荐 github-pages。\n2. 部署到自己服务器，这个时候我会推荐你使用 docker 轻松解决部署耗费较长时间问题。关于使用 bun 构建 Docker 容器的 dockerfile 相关案例如下：（如果不懂请自行查阅资料）\n\n   ```yaml\n   # 使用Bun的Alpine镜像\n   FROM oven/bun:alpine\n\n   # 设置工作目录\n   WORKDIR /app\n\n   # 复制项目文件到工作目录\n   COPY . .\n\n   # 更改东八CST-8时区\n   RUN apk add tzdata \\\n   \u0026\u0026 cp /usr/share/zoneinfo/Asia/Shanghai /etc/localtime \\\n   \u0026\u0026 echo \"Asia/Shanghai\" \u003e /etc/timezone\n\n   # 构建项目\n   RUN bun run build\n\n   # 设置容器运行时要监听的端口\n   EXPOSE 3000\n\n   # 设置一个init程序来处理信号和僵尸进程，运行应用程序\n   USER bun\n   ENTRYPOINT [\"/sbin/tini\", \"--\", \"bun\", \".output/server/index.mjs\"]\n   ```\n\n## 项目依赖解读\n\n1. Git 提交时自动整理格式化项目代码：`husky`、`prettier`、`lint-staged`。\n2. Tailwind 样式预览：`tailwind-config-viewer`，本地可通过 `http://localhost:3000/_tailwind/` 地址访问。\n3. Wait for me to write more.\n\n## 其他\n[CSDN使用5积分下载24年TailwindUI专业版](https://download.csdn.net/download/weixin_46679824/88833456)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fethanz-code%2Fsaasexample-tailwindui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fethanz-code%2Fsaasexample-tailwindui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fethanz-code%2Fsaasexample-tailwindui/lists"}