{"id":25601111,"url":"https://github.com/yeasin2002/react-ts-starter","last_synced_at":"2025-04-09T23:14:24.279Z","repository":{"id":222897674,"uuid":"758671532","full_name":"yeasin2002/react-ts-starter","owner":"yeasin2002","description":"This is a simple  but advanced, modern, and exciting starter for a React project with TypeScript. It includes a basic setup for a React project with TypeScript, ESLint, Prettier, and shadcn/ui, also supercharging with vite's plugins","archived":false,"fork":false,"pushed_at":"2025-04-07T05:02:26.000Z","size":824,"stargazers_count":62,"open_issues_count":1,"forks_count":16,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-09T23:14:18.843Z","etag":null,"topics":["front-end","react-ts","reactjs","starter-template","typescript","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/yeasin2002.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-02-16T20:17:05.000Z","updated_at":"2025-04-05T15:23:51.000Z","dependencies_parsed_at":"2024-04-22T06:22:08.635Z","dependency_job_id":"6ef03b48-101d-4cd6-b81b-dda89e2df81d","html_url":"https://github.com/yeasin2002/react-ts-starter","commit_stats":null,"previous_names":["yeasin-2002/react-ts-starter","yeasin2002/react-ts-starter"],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yeasin2002%2Freact-ts-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yeasin2002%2Freact-ts-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yeasin2002%2Freact-ts-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yeasin2002%2Freact-ts-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yeasin2002","download_url":"https://codeload.github.com/yeasin2002/react-ts-starter/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248125589,"owners_count":21051770,"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":["front-end","react-ts","reactjs","starter-template","typescript","vite"],"created_at":"2025-02-21T15:52:40.638Z","updated_at":"2025-04-09T23:14:24.260Z","avatar_url":"https://github.com/yeasin2002.png","language":"TypeScript","funding_links":[],"categories":["Boilerplates \u0026 Starters"],"sub_categories":[],"readme":"## React-ts Starter\n\n#### This is a simple starter for a React project with TypeScript and vite. It includes a basic setup for a React project with TypeScript, ESLint, Prettier, shadcn/ui. and many more. This could be your perfect starter templates to initialize your new React project. you don't have to waste time in configuring everything. setup your project with this template withing a minute.\n\n#### Don't forget to give a ⭐ `star` if you like it. and feel to contribute. Thank you.\n\n### Features\n\n- Tailwindcss, shadcn-ui with Typescript configured\n- igniting vite with powerful plugins\n- husky hooks setup for pre-commit\n- docker setup\n- eslint, prettier setup for code formatting\n- standard folder structure\n- Custom import aliases (Example: @/components )\n- dependabot to keep notify to update dependencies\n- perfect workspace settings for single or team project.\n\n## Vite Plugins That you must need to know for this starter.\n\n### vite-plugin-svgr\n\nThis plugin is used to generate SVG images from React components. You can use this plugin in your project.\nExample:\n\n```javascript\nimport Logo from '@/assets/react.svg?react';\n// just add ?react query to get the svg component\n\nexport const App = () =\u003e {\n  return (\n    \u003cdiv {...props}\u003e\n      \u003cLogo /\u003e\n      {/* You can use svg components as like normal React components */}\n    \u003c/div\u003e\n  );\n};\n```\n\n### unplugin-fonts\n\nThis plugin is used to generate fonts from Google fonts. You can use this plugin in your project.\n\nHow to use ? Open `/config/fonts.config.ts` file and add your fonts like this: name should be exactly same as in Google fonts. If you wan to add custom fonts you can check their doc. [link](https://github.com/cssninjaStudio/unplugin-fonts#readme)\n\n```javascript\n{\n    name: 'Space Grotesk',\n    styles: 'wght@300;400;500;700',\n  },\n```\n\n### unplugin-auto-import/vite\n\nThis plugin is used to auto import modules. You can use this plugin in your project.\nauto-import will handle all imports like react, react-router and also shadcn-ui's component in your @component/ui folder , etc. and you can add more.\n\nExample:\n\n```javascript\nexport function Counter() {\n  const [count, setCount] = useState(0); // no need to import react and react-router, auto-import will handle it\n  return (\n    \u003cdiv\u003e\n      \u003cButton onClick={() =\u003e setCount(count + 1)}\u003eCount: {count}\u003c/Button\u003e\n      {/*  also,  Button from @/components/ui but you don't need to import it.  */}\n    \u003c/div\u003e\n  );\n}\n```\n\n#### Note: If you need SEO or Server Side Rendering you can use Next.js, Nuxtjs, Remix, Astro Etc SSR based framework. This template is just for vite-react.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyeasin2002%2Freact-ts-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyeasin2002%2Freact-ts-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyeasin2002%2Freact-ts-starter/lists"}