{"id":15823074,"url":"https://github.com/milliorn/vite-starter","last_synced_at":"2026-04-10T01:03:10.034Z","repository":{"id":143394228,"uuid":"614669899","full_name":"milliorn/vite-starter","owner":"milliorn","description":"Vite starter template with React and Typescript. It provides a solid foundation for building web applications using modern technologies","archived":false,"fork":false,"pushed_at":"2023-12-06T23:08:11.000Z","size":165,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2023-12-07T01:53:13.453Z","etag":null,"topics":["minimal","minimalist","react","react-dom","reactjs","sass","starter","starter-app","starter-kit","starter-project","starter-template","starter-theme","starterkit","template","types","typescript","vite","vite-starter","vite-starter-template","vitejs"],"latest_commit_sha":null,"homepage":"","language":"CSS","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/milliorn.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}},"created_at":"2023-03-16T04:12:44.000Z","updated_at":"2023-12-07T01:53:14.432Z","dependencies_parsed_at":null,"dependency_job_id":"fcbc7b60-d903-4afc-a64c-d639348d5d4d","html_url":"https://github.com/milliorn/vite-starter","commit_stats":null,"previous_names":[],"tags_count":0,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/milliorn%2Fvite-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/milliorn%2Fvite-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/milliorn%2Fvite-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/milliorn%2Fvite-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/milliorn","download_url":"https://codeload.github.com/milliorn/vite-starter/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":219869989,"owners_count":16555408,"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":["minimal","minimalist","react","react-dom","reactjs","sass","starter","starter-app","starter-kit","starter-project","starter-template","starter-theme","starterkit","template","types","typescript","vite","vite-starter","vite-starter-template","vitejs"],"created_at":"2024-10-05T08:03:45.503Z","updated_at":"2025-12-30T22:27:52.861Z","avatar_url":"https://github.com/milliorn.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vite Starter\n\nVite starter template with React and Typescript. It provides a solid foundation for building web applications using modern technologies. This template includes support for environment variables, allowing easy configuration of your project. It also leverages Sass for styling, making it convenient to create visually appealing designs. \n\n## Getting Started\n\nTo start the development server, run the following command `npm run dev`\nTo build the project, run the following command `npm run build`\nTo preview the built project, run the following command `npm run preview`\n\n## Environment Variables\n\nVite supports environment variables by creating a .env file in the project's root directory. Add environment variables starting with VITE_ to this file. For example `VITE_API_KEY=123456789`\n\nYou can access environment variables in your code using import.meta.env. For example:\n```jsx\nconst Header = () =\u003e {\n  return \u003cdiv\u003e{import.meta.env.VITE_API_KEY}\u003c/div\u003e;\n};\n\nexport default Header;\n```\n\n## Using SASS\n\nSass support is built into Vite. We can use it by installing the sass package. `npm install sass`\nCreate a `styles` folder and add `main.scss` file.\n```css\nbody {\n  background-color: steelblue;\n}\n```\nImport Sass file into the app.jsx file.\n```jsx\nimport './styles/main.scss';\n```\n## Project Structure\n\nThe project structure is organized as follows:\n\n- `.github`: GitHub-related files\n- `public`: Public assets\n- `src`: Source code\n- `.gitignore`: Git ignore rules\n- `README.md`: Project documentation\n- `index.html`: HTML template\n- `package-lock.json`: Lock file for npm dependencies\n- `package.json`: Project configuration and dependencies\n- `tsconfig.json`: TypeScript configuration\n- `tsconfig.node.json`: TypeScript configuration for Node.js\n- `vite.config.ts`: Vite configuration\n\n## License\nThis project is licensed under the MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmilliorn%2Fvite-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmilliorn%2Fvite-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmilliorn%2Fvite-starter/lists"}