Svelte Starter screenshot

Svelte Starter

Author Avatar Theme by Camjackson
Updated: 6 Dec 2020
6 Stars

Starter template for svelte apps. Includes Typescript, Tailwind, testing-library, and more!

Categories

Overview

svelte-appStarter is a repository designed as a starting point for creating a Svelte app. It provides a set of features and tools that developers can use to quickly set up their Svelte projects.

Features

  • Svelte: Svelte is a JavaScript framework that allows developers to build reactive user interfaces.
  • TypeScript: svelte-appStarter supports TypeScript, which enables type checking and provides enhanced tooling for the Svelte app.
  • Tailwind CSS: This repository integrates Tailwind CSS, a utility-first CSS framework, to simplify and speed up the styling process.
  • Jest: svelte-appStarter includes Jest, a popular testing framework, for writing unit tests and ensuring the reliability of the Svelte app.
  • Testing Library: Testing Library is integrated into this repository to facilitate testing and make it easier to write accessible and maintainable tests.
  • Prettier: Prettier is a code formatter that ensures consistent code style and formatting within the Svelte app.
  • Eslint: Eslint is used for static code analysis and enforcing coding standards. However, linting is currently limited to .ts files and pending TypeScript support in eslint-plugin-svelte3.

Installation

To install svelte-appStarter, follow these steps:

  1. Clone the repository using the following command:
git clone https://github.com/your-username/svelte-appStarter.git
  1. Change your working directory to the cloned repository:
cd svelte-appStarter
  1. Install the dependencies using your preferred package manager (e.g., npm or yarn):
npm install

or

yarn install
  1. Start the development server:
npm run dev

or

yarn dev

The Svelte app will now be running locally on your machine.

Summary

svelte-appStarter is a handy repository that provides a solid foundation for creating a Svelte app. It offers features like TypeScript support, Tailwind CSS integration, Jest testing framework, Testing Library, Prettier code formatter, and Eslint for static code analysis. While linting is currently limited to .ts files, it awaits TypeScript support in eslint-plugin-svelte3. By following the installation guide, developers can easily set up and get started with their Svelte projects.