{"id":13810321,"url":"https://github.com/arevalolance/design-system-template","last_synced_at":"2025-04-16T18:52:28.560Z","repository":{"id":112428709,"uuid":"597452318","full_name":"arevalolance/design-system-template","owner":"arevalolance","description":"🏗️ Turborepo + TailwindCSS + Storybook + shadcn-ui","archived":false,"fork":false,"pushed_at":"2023-08-15T10:28:31.000Z","size":348,"stargazers_count":174,"open_issues_count":2,"forks_count":14,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-29T05:34:27.716Z","etag":null,"topics":["design","design-system","nextjs","react","shadcn-ui","storybook","tailwindcss","template","turborepo","turborepo-example","ui","vite"],"latest_commit_sha":null,"homepage":"","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/arevalolance.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":"2023-02-04T15:46:22.000Z","updated_at":"2025-03-24T23:14:11.000Z","dependencies_parsed_at":"2024-08-04T02:04:10.275Z","dependency_job_id":null,"html_url":"https://github.com/arevalolance/design-system-template","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arevalolance%2Fdesign-system-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arevalolance%2Fdesign-system-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arevalolance%2Fdesign-system-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arevalolance%2Fdesign-system-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/arevalolance","download_url":"https://codeload.github.com/arevalolance/design-system-template/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249266655,"owners_count":21240792,"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":["design","design-system","nextjs","react","shadcn-ui","storybook","tailwindcss","template","turborepo","turborepo-example","ui","vite"],"created_at":"2024-08-04T02:00:50.370Z","updated_at":"2025-04-16T18:52:28.540Z","avatar_url":"https://github.com/arevalolance.png","language":"TypeScript","funding_links":[],"categories":["Boilerplates","Boilerplates \u0026 Starters","Boilerplates / Templates","Templates","TypeScript"],"sub_categories":["Portfolios"],"readme":"# 🌱 Turborepo + TailwindCSS + Storybook\n\n## What's inside?\n\nThis Turborepo includes the following packages/apps:\n\n### Apps and Packages\n\n- `workshop`: a Storybook app with the `ui` package imported\n- `docs`: a [Next.js](https://nextjs.org/) app with [Tailwind CSS](https://tailwindcss.com/)\n- `web`: another [Next.js](https://nextjs.org/) app with [Tailwind CSS](https://tailwindcss.com/)\n- `ui`: a stub React component library with [Tailwind CSS](https://tailwindcss.com/) shared by both `web` and `docs` applications with [shadcn-ui](https://github.com/shadcn/ui) already included. \n- `ui/eslint-config-custom`: `eslint` configurations (includes `eslint-config-next` and `eslint-config-prettier`)\n- `ui/tailwind-config`: reusable tailwind configuration\n- `ui/tsconfig`: `tsconfig.json`s used throughout the monorepo\n\nEach package/app is 100% [TypeScript](https://www.typescriptlang.org/).\n\n### Building packages/ui\n\nThis example is setup to build `packages/ui` and output the transpiled source and compiled styles to `dist/`. This was chosen to make sharing one `tailwind.config.js` as easy as possible, and to ensure only the CSS that is used by the current application and its dependencies is generated.\n\nAnother option is to consume `packages/ui` directly from source without building. If using this option, you will need to update your `tailwind.config.js` to be aware of your package locations, so it can find all usages of the `tailwindcss` class names.\n\nFor example, in [tailwind.config.js](packages/tailwind-config/tailwind.config.js):\n\n```js\n  content: [\n    // app content\n    `src/**/*.{js,ts,jsx,tsx}`,\n    // include packages if not transpiling\n    \"../../packages/**/*.{js,ts,jsx,tsx}\",\n  ],\n```\n\n### Utilities\n\nThis Turborepo has some additional tools already setup for you:\n\n- [Tailwind CSS](https://tailwindcss.com/) for styles\n- [TypeScript](https://www.typescriptlang.org/) for static type checking\n- [ESLint](https://eslint.org/) for code linting\n- [Prettier](https://prettier.io) for code formatting\n\n## Using this example\n\nRun the following command:\n\n```sh\nnpx degit https://github.com/arevalolance/design-system-template.git design-system-template\ncd design-system-template\npnpm install\ngit init . \u0026\u0026 git add . \u0026\u0026 git commit -m \"Init\"\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farevalolance%2Fdesign-system-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farevalolance%2Fdesign-system-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farevalolance%2Fdesign-system-template/lists"}