{"id":13722249,"url":"https://github.com/pankod/svelte-boilerplate","last_synced_at":"2025-04-07T10:25:06.783Z","repository":{"id":39456387,"uuid":"198800700","full_name":"pankod/svelte-boilerplate","owner":"pankod","description":"Svelte application boilerplate with Webpack, Babel, PostCSS, Sass, Fetch, Jest, .Env, EsLint.","archived":false,"fork":false,"pushed_at":"2023-01-04T10:18:56.000Z","size":4034,"stargazers_count":292,"open_issues_count":40,"forks_count":32,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-04-05T21:10:03.191Z","etag":null,"topics":["babel7","dotenv","fetch","jest","postcss","svelte-v3","sveltejs","webpack"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/pankod.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}},"created_at":"2019-07-25T09:28:38.000Z","updated_at":"2025-02-13T13:13:29.000Z","dependencies_parsed_at":"2023-02-02T08:17:16.071Z","dependency_job_id":null,"html_url":"https://github.com/pankod/svelte-boilerplate","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/pankod%2Fsvelte-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pankod%2Fsvelte-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pankod%2Fsvelte-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pankod%2Fsvelte-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pankod","download_url":"https://codeload.github.com/pankod/svelte-boilerplate/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247633480,"owners_count":20970327,"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":["babel7","dotenv","fetch","jest","postcss","svelte-v3","sveltejs","webpack"],"created_at":"2024-08-03T01:01:26.424Z","updated_at":"2025-04-07T10:25:06.755Z","avatar_url":"https://github.com/pankod.png","language":"JavaScript","funding_links":[],"categories":["templates"],"sub_categories":["editor tools"],"readme":"\u003cimg src=\"banner.png\" alt=\"SvelteJS application boilerplate with Webpack, scss, babel, fetchjs, postcss, jest, .env.\" align=\"center\" /\u003e\n\n\u003cbr/\u003e\n\u003cbr/\u003e\n\u003cdiv align=\"center\"\u003eSvelte application boilerplate with Webpack, Babel, PostCSS, Sass, Fetch, Jest, .Env, EsLint.\u003c/div\u003e\n\u003cbr/\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003c!-- CodeClimate --\u003e\n\u003ca href=\"https://codeclimate.com/github/pankod/svelte-boilerplate/maintainability\"\u003e\n\u003cimg src=\"https://api.codeclimate.com/v1/badges/2c6982d3ad672a07f7ae/maintainability\" /\u003e\n\u003c/a\u003e\n  \u003c!-- TestCoverage --\u003e\n\u003ca href=\"https://codeclimate.com/github/pankod/svelte-boilerplate/test_coverage\"\u003e\u003cimg src=\"https://api.codeclimate.com/v1/badges/2c6982d3ad672a07f7ae/test_coverage\" /\u003e\u003c/a\u003e\n  \u003c!-- Build Status --\u003e\n  \u003ca href=\"https://travis-ci.org/pankod/svelte-boilerplate\"\u003e\n    \u003cimg src=\"https://travis-ci.org/pankod/svelte-boilerplate.svg?branch=master\" alt=\"Build Status\" /\u003e\n  \u003c/a\u003e\n  \u003c!-- Dependency Status --\u003e\n  \u003ca href=\"https://david-dm.org/pankod/svelte-boilerplate\"\u003e\n    \u003cimg src=\"https://david-dm.org/pankod/svelte-boilerplate.svg\" alt=\"Dependency Status\" /\u003e\n  \u003c/a\u003e\n  \u003c!-- devDependency Status --\u003e\n  \u003ca href=\"https://david-dm.org/pankod/svelte-boilerplate#info=devDependencies\"\u003e \n    \u003cimg src=\"https://david-dm.org/pankod/svelte-boilerplate/dev-status.svg\" alt=\"devDependency Status\" /\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\n\u003cbr/\u003e\n\u003cdiv align=\"center\"\u003e\nThis boilerplate make it easier to get started with a well-structured Svelte application.\n\u003cbr /\u003e\n\u003cbr /\u003e\n  \u003csub\u003eCreated by \u003ca href=\"https://www.pankod.com\"\u003ePankod\u003c/a\u003e\u003c/sub\u003e\n\u003c/div\u003e\n\n\n## About\n\n Svelte is a new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app.\n\n Svelte runs at build time, converting your components into pure and optimized JavaScript code without other framework dependencies which makes for really tiny bundles. Instead of using techniques like virtual DOM diffing, Svelte writes code that surgically updates the DOM when the state of your app changes. So there is no virtual DOM, no frameworks on top of frameworks, and no framework to load at runtime.\n \n The advantages of this approach is we're able to write applications with excellent performance characteristics.\n\nThis boilerplate make it easier to get started with a well-structured Svelte application.\n\nBy the end of setup, you'll have a Svelte project and features which is specified at the below.\n\n\u003cbr/\u003e\n\n## Features\n\n\nThis boilerplate includes the latest powerfull tools.\n\n* **Svelte** - Component framework which compiles your code to tiny, framework-less vanilla JS. \n* **Built-in Project CLI**- Create pages, components, actions, reducers with one command by using built-in cli.\n* **Sass/Scss** - CSS preprocessor, which adds special features such as variables, nested rules and mixins (sometimes referred to as syntactic sugar) into regular CSS.\n* **PostCSS/autoprefixer** - A plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use.\n* **Babel** -  The compiler for next generation JavaScript.(babel/polyfill included)\n* **Eslint** - The pluggable linting utility.\n* **dotenv .config** - Expose environment variables to the runtime config of Next.js\n* **Jest** - Javascript testing framework , created by developers who created react\n* **testing-library** - Simplifies the use of dom-testing with Svelte components \u0026 applications.\n* **webpack** - A static module bundler for modern JavaScript applications.\n* **fetch** - A promise-based mechanism for programmatically making web requests in the browser.\n\n\u003cbr/\u003e\n\n\n## Setup \u0026 Documentation\n\nPlease refer to our [setup guide](https://pankod.github.io/svelte-boilerplate/docs/setup) to create a new app. \n\n\nFor more detailed documentation, check out https://pankod.github.io/svelte-boilerplate/\n\n\u003cbr/\u003e\n\n## Built-in CLI\n\n\n\u003cdiv\u003e\n \u003cimg width=\"600\" src=\"./cli.gif\" \u003e\n\u003c/div\u003e\n\u003cbr/\u003e\n\u003cbr/\u003e\n\nPankod boilerplate is shipped with a CLI tool to streamline the creation of new components. By using the CLI tool, you may easily add components to your project.\n\u003cbr /\u003e\n\nTo start the CLI, you may run the following npm command:\n\n```\nnpm run cli\n```\n\nAfter starting, an interactive menu will let you configure the component the be created. You'll be asked for the name of the component.\n\nAfter answering question it generates component, style and test files in miliseconds.\n\n\u003cbr/\u003e\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2019-present Pankod\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpankod%2Fsvelte-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpankod%2Fsvelte-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpankod%2Fsvelte-boilerplate/lists"}