{"id":25707614,"url":"https://github.com/codekuu/nuxt3-shadcn-tailwind-full-example","last_synced_at":"2026-01-16T10:44:06.460Z","repository":{"id":277373367,"uuid":"895750208","full_name":"codekuu/nuxt3-shadcn-tailwind-full-example","owner":"codekuu","description":"This is a full example of Shadcn-vue + Nuxt 3 + Pinia + Tailwind. Didn't find a good example so I made one :)","archived":false,"fork":false,"pushed_at":"2025-02-13T15:20:33.000Z","size":769,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-13T16:31:47.069Z","etag":null,"topics":["nuxt","nuxt3","nuxt3-starter","pinia","pinia-vuejs","shadcn-vue","tailwindcss"],"latest_commit_sha":null,"homepage":"https://nuxt3-shadcn-tailwind-full-example.codekuu.com/","language":"Vue","has_issues":false,"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/codekuu.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-11-28T20:27:37.000Z","updated_at":"2025-02-13T15:20:37.000Z","dependencies_parsed_at":"2025-02-13T16:32:31.346Z","dependency_job_id":null,"html_url":"https://github.com/codekuu/nuxt3-shadcn-tailwind-full-example","commit_stats":null,"previous_names":["codekuu/nuxt3-shadcn-tailwind-full-example"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codekuu%2Fnuxt3-shadcn-tailwind-full-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codekuu%2Fnuxt3-shadcn-tailwind-full-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codekuu%2Fnuxt3-shadcn-tailwind-full-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codekuu%2Fnuxt3-shadcn-tailwind-full-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codekuu","download_url":"https://codeload.github.com/codekuu/nuxt3-shadcn-tailwind-full-example/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240627960,"owners_count":19831599,"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":["nuxt","nuxt3","nuxt3-starter","pinia","pinia-vuejs","shadcn-vue","tailwindcss"],"created_at":"2025-02-25T08:11:35.266Z","updated_at":"2026-01-16T10:44:01.426Z","avatar_url":"https://github.com/codekuu.png","language":"Vue","funding_links":[],"categories":["Vue"],"sub_categories":[],"readme":"# Nuxt3 \u0026 vue-Shadcn \u0026 pinia \u0026 tailwindcss\n\nExample project using Nuxt3 with shadcn-vue, pinia and tailwindcss.\n\nRun it using npm, pnpm, yarn or bun. Settings on host and port can be changed in nuxt.config.ts.\n\n## Table of Contents\n\n- [Documentations](#documentations)\n- [Example images](#example-images)\n  - [Dashboard](#dashboard)\n  - [Login](#login)\n  - [Billing](#billing)\n- [How to add components (shadcn)](#how-to-add-components-shadcn)\n- [Setup](#setup)\n- [Development Server](#development-server)\n- [Production](#production)\n\n## Documentations\n\n| Link                                                            | Description                                  |\n| --------------------------------------------------------------- | -------------------------------------------- |\n| [Nuxt3](https://nuxt.com/docs/getting-started/introduction)     | Nuxt3 is a progressive Vue framework         |\n| [Vue3](https://vuejs.org/guide/introduction.html)               | Vue3 is a progressive JavaScript framework   |\n| [Shadcn-vue](https://www.shadcn-vue.com/docs/introduction.html) | Shadcn-vue is a Vue3 component library       |\n| [Pinia](https://pinia.vuejs.org/core-concepts/)                 | Pinia is a Vue3 store library                |\n| [Tailwindcss](https://tailwindcss.com/docs)                     | Tailwindcss is a utility-first CSS framework |\n\n## Example images\n\n### Dashboard\n\n![image](docs/example-1.png)\n\n### Login\n\n![image](docs/example-2.png)\n\n### Billing\n\n![image](docs/example-3.png)\n\n## How to add components (shadcn)\n\nTo add a new component we need to use npx:\n\n```bash\nnpx shadcn-vue@latest add XXXXX\n```\n\nRead more about it here (step 9): https://www.shadcn-vue.com/docs/installation/nuxt.html\n\n## Setup\n\nMake sure to install dependencies:\n\n```bash\n# npm\nnpm install\n\n# pnpm\npnpm install\n\n# yarn\nyarn install\n\n# bun\nbun install\n```\n\n## Development Server\n\nStart the development server on `http://localhost:3000`:\n\n```bash\n# npm\nnpm run dev\n\n# pnpm\npnpm dev\n\n# yarn\nyarn dev\n\n# bun\nbun run dev\n```\n\n## Production\n\nBuild the application for production:\n\n```bash\n# npm\nnpm run build\n\n# pnpm\npnpm build\n\n# yarn\nyarn build\n\n# bun\nbun run build\n```\n\nLocally preview production build:\n\n```bash\n# npm\nnpm run preview\n\n# pnpm\npnpm preview\n\n# yarn\nyarn preview\n\n# bun\nbun run preview\n```\n\nCheck out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodekuu%2Fnuxt3-shadcn-tailwind-full-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodekuu%2Fnuxt3-shadcn-tailwind-full-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodekuu%2Fnuxt3-shadcn-tailwind-full-example/lists"}