Tailwind Resources Logo Tailwind Resources
Create Svelte App screenshot

Create Svelte App

Author Avatar Theme by Ejolly
Updated: 28 Oct 2020
6 Stars

A convenient Svelte project starter setup and ready to go

Github

Categories

Svelte

Overview:

The Svelte App Project Starter is a repository that provides a frontend/static Svelte app project starter. It allows developers to quickly scaffold a new Svelte app without the need to worry about configuring add-ins and bundling. The starter includes various features and configurations such as Tailwindcss for styling, ESlint for linting, Prettier for formatting, and Husky for auto-checking styles pre-commit. It also includes a special global DEV variable that can be used anywhere in the app, making it convenient for injecting debug behavior during development.

Features:

  • Scaffold a new Svelte app quickly: The project starter allows developers to quickly set up a new Svelte app without the need to configure add-ins and bundling.
  • Tailwindcss for styling: The starter includes Tailwindcss for easy styling of the app. It also includes purging of unused styles for production.
  • ESlint for linting: The starter includes ESlint configured with the airbnb config, helping developers maintain code quality.
  • Prettier for formatting: With Prettier integrated, developers can ensure consistent code formatting throughout the app.
  • Husky for auto-checking styles pre-commit: Husky is included in the starter to automatically check styles before committing code changes.
  • Global DEV variable: The starter provides a special global DEV variable that can be used anywhere in the app. It resolves to true when built and served/deployed for production, and false when built for development.

Installation:

To install the Svelte App Project Starter, follow these steps:

  1. Use the following command to clone the repository:
npx degit ejolly/create-svelte-app yourAppName
  1. Navigate to the cloned repository folder:
cd yourAppName
  1. Install the dependencies:
npm install
  1. Start the development server and navigate to localhost:5000 in your browser:
npm run dev

Summary:

The Svelte App Project Starter is a convenient repository for quickly setting up a new Svelte app without the need to worry about configuring add-ins and bundling. It includes features such as Tailwindcss for styling, ESlint for linting, and Prettier for code formatting. Developers can easily deploy their app using services like Netlify. The starter also provides a special global DEV variable that can be used for debugging during development. With easy installation steps, developers can get started with their Svelte app project efficiently.