{"id":21486481,"url":"https://github.com/iamkhan21/svelte-typescript-vite-template","last_synced_at":"2026-04-13T05:39:13.471Z","repository":{"id":101391922,"uuid":"346428048","full_name":"iamkhan21/svelte-typescript-vite-template","owner":"iamkhan21","description":"A starter template for Svelte Application that comes preconfigured with Typescript, Svelte SPA router, Siimple for styling, and PostCSS. Finally, the template uses Vite to bundle it all together.","archived":false,"fork":false,"pushed_at":"2022-11-22T16:44:20.000Z","size":95,"stargazers_count":0,"open_issues_count":1,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-17T10:12:28.831Z","etag":null,"topics":["netlify","postcss","svelte","sveltejs","template","typescript","vite"],"latest_commit_sha":null,"homepage":"https://stvp-template.netlify.app/","language":"Svelte","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/iamkhan21.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":"2021-03-10T16:54:28.000Z","updated_at":"2022-01-01T15:14:38.000Z","dependencies_parsed_at":"2023-07-12T04:45:15.131Z","dependency_job_id":null,"html_url":"https://github.com/iamkhan21/svelte-typescript-vite-template","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/iamkhan21/svelte-typescript-vite-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iamkhan21%2Fsvelte-typescript-vite-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iamkhan21%2Fsvelte-typescript-vite-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iamkhan21%2Fsvelte-typescript-vite-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iamkhan21%2Fsvelte-typescript-vite-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/iamkhan21","download_url":"https://codeload.github.com/iamkhan21/svelte-typescript-vite-template/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iamkhan21%2Fsvelte-typescript-vite-template/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31741541,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T05:13:27.074Z","status":"ssl_error","status_checked_at":"2026-04-13T05:13:25.150Z","response_time":93,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["netlify","postcss","svelte","sveltejs","template","typescript","vite"],"created_at":"2024-11-23T13:21:36.240Z","updated_at":"2026-04-13T05:39:13.444Z","avatar_url":"https://github.com/iamkhan21.png","language":"Svelte","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Svelte + Vite + TypeScript + PostsCSS Template\n\nA starter template for Svelte Application that comes preconfigured with Typescript, Svelte SPA router, Siimple for styling, and PostCSS. Finally, the template uses Vite to bundle it all together.\n\n[Vite](https://vitejs.dev)  \n[Svelte](https://svelte.dev)  \n[PostCSS](https://postcss.org)  \n[TypeScript](https://www.typescriptlang.org)  \n[Siimple CSS](https://docs.siimple.xyz)     \n[Svelte SPA Router](https://github.com/ItalyPaleAle/svelte-spa-route)  \n\n\n### Content list\n- [Getting started](#getting-started)\n    - [Installation](#installation)\n    - [Starting the development server](#starting-the-development-server)\n    - [Building for production](#building-for-production)\n- [Usage](#usage)\n    - [Global stylesheets](#global-stylesheets)\n    - [Browsers list](#browsers-list)\n    - [Babel customization](#babel-customization)\n    - [Source maps in production](#source-maps-in-production)\n    - [Import path aliases](#import-path-aliases)\n\n---\n\n## Getting started\n\n### Installation\n\nPull the template files with [`degit`](https://github.com/Rich-Harris/degit) and install dependencies.\n\n```bash\nnpx degit iamkhan21/svelte-typescript-vite-template my-new-project\nnpm install\n```\n\n### Starting the development server\n\nRun the `start` script to start a live development server with hot module replacement. Then check the output for a link to the app, which is usually `http://localhost:3000/`:\n\n```bash\nnpm run start\n```\n\n### Building for production\n\nRun the `build` script to bundle the app for production. The bundle will be created at `/dist/assets/` and the `dist` directory will contain all files you need to host the app:\n\n```bash\nnpm run build\n```\n\n\u003e 💡 **Tip:** You can quickly test the production build by running `npm run preview` locally.\n\n---\n\n## Usage\n\n### Global stylesheets\n\nEdit the `index.html` file and add additional `\u003clink\u003e` references to stylesheets:\n\n```html\n\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"/src/styles/index.css\"\u003e\n```\n\nYou can specify `css`, `scss`, and `sass` files here, and they will be compiled and minified as necessary. These styles\nwill be added to the bundle in the order specified. Svelte's styles will always load last.\n\n\u003e 💡 **Note:** The paths to these assets must start with `/` in order to resolve.\n\n### Browsers list\n\nThe bundle will be compiled to run on the browsers specified in `package.json`:\n\n```json\n\"browserslist\": [\n    \"defaults\"\n]\n```\n\nIf you wish to customize this, please refer to the list of\n[example browserslist queries](https://github.com/browserslist/browserslist#full-list).\n\n### Import path aliases\n\nDefine import path aliases from the `tsconfig.json` file. For example:\n\n```json\n\"paths\": {\n    \"src/*\": [\"src/*\"],\n    \"@stores/*\": [\"src/stores/*\"]\n}\n```\n\nYou can then import files under these aliases and Vite will resolve them. Your code editor should also use them\nfor automatic imports:\n\n```ts\nimport { users } from '@stores/users'; // src/stores/users.ts\n```\n\nThe root directory is configured as a base path for imports. This means you can also import modules with an absolute\npath from anywhere in the project instead of using a large number of `..` to traverse directories.\n\n```ts\nimport { users } from 'src/stores/users';\n```\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiamkhan21%2Fsvelte-typescript-vite-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fiamkhan21%2Fsvelte-typescript-vite-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiamkhan21%2Fsvelte-typescript-vite-template/lists"}