Svelte Boilerplate

Svelte application boilerplate with Webpack, Babel, PostCSS, Sass, Fetch, Jest, .Env, EsLint.
Alternatives To Svelte Boilerplate
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
17 hours ago47cc-by-sa-4.0Dockerfile
:white_check_mark: The Node.js best practices list (May 2023)
Js Stack From Scratch19,396
7 months ago1January 19, 201748mitJavaScript
🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack.
Front End Guide14,794
3 months ago1June 22, 201726mitJavaScript
📚 Study guide and introduction to the modern front end stack.
4 years ago17mitJavaScript
:snowflake: A React-Native Android iOS Starter App/ BoilerPlate / Example with Redux, RN Router, & Jest with the Snowflake Hapi Server running locally or on RedHat OpenShift for the backend, or a Parse Server running locally or remotely on Heroku
100 Days Of Code Frontend2,338
2 years ago4mit
Curriculum for learning front-end development during #100DaysOfCode.
Typescript Express Starter2,126
6 days ago62May 26, 202237mitTypeScript
📘 Quick and Easy TypeScript Express Starter
Node Typescript Boilerplate2,027
2 months ago1September 24, 20191apache-2.0TypeScript
Minimalistic project template to jump start a Node.js back-end application in TypeScript. ESLint, Jest and type definitions included.
Ts Nextjs Tailwind Starter1,969
8 days ago6TypeScript
🔋 Next.js + Tailwind CSS + TypeScript starter and boilerplate packed with useful development features
Electron Typescript React1,353
7 months ago31JavaScript
:electron: An Electron boilerplate including TypeScript, React, Jest and ESLint.
Awesome Jest1,335
6 days ago1mit
🕶Awesome Jest packages and resources
Alternatives To Svelte Boilerplate
Select To Compare

Alternative Project Comparisons
SvelteJS application boilerplate with Webpack, scss, babel, fetchjs, postcss, jest, .env.

Svelte application boilerplate with Webpack, Babel, PostCSS, Sass, Fetch, Jest, .Env, EsLint.

This boilerplate make it easier to get started with a well-structured Svelte application.

Created by Pankod


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.

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.

The advantages of this approach is we're able to write applications with excellent performance characteristics.

This boilerplate make it easier to get started with a well-structured Svelte application.

By the end of setup, you'll have a Svelte project and features which is specified at the below.


This boilerplate includes the latest powerfull tools.

  • Svelte - Component framework which compiles your code to tiny, framework-less vanilla JS.
  • Built-in Project CLI- Create pages, components, actions, reducers with one command by using built-in cli.
  • Sass/Scss - CSS preprocessor, which adds special features such as variables, nested rules and mixins (sometimes referred to as syntactic sugar) into regular CSS.
  • PostCSS/autoprefixer - A plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use.
  • Babel - The compiler for next generation JavaScript.(babel/polyfill included)
  • Eslint - The pluggable linting utility.
  • dotenv .config - Expose environment variables to the runtime config of Next.js
  • Jest - Javascript testing framework , created by developers who created react
  • testing-library - Simplifies the use of dom-testing with Svelte components & applications.
  • webpack - A static module bundler for modern JavaScript applications.
  • fetch - A promise-based mechanism for programmatically making web requests in the browser.

Setup & Documentation

Please refer to our setup guide to create a new app.

For more detailed documentation, check out

Built-in CLI

Pankod 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.

To start the CLI, you may run the following npm command:

npm run cli

After starting, an interactive menu will let you configure the component the be created. You'll be asked for the name of the component.

After answering question it generates component, style and test files in miliseconds.


Licensed under the MIT License, Copyright © 2019-present Pankod

Popular Eslint Projects
Popular Jest Projects
Popular Code Quality Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.