Svelte Themes Logo Svelte Themes
Sapper Postcss Template screenshot

Sapper Postcss Template

Author Avatar Theme by Babichjacob
Updated: 12 Dec 2020
79 Stars

A template that includes Sapper for Svelte and PostCSS preprocessing with Tailwind CSS

Github

Categories

Express Tailwind

Overview

This project is an extension to the official Sapper Rollup template, with added support for PostCSS inside Svelte components. It also includes the use of Tailwind CSS and follows Progressive Web App (PWA) best practices. The project is maintained until SvelteKit is ready, and there are instructions on how to migrate to Svelte Adders for continued functionality.

Features

  • PostCSS support inside Svelte components
  • Sapper for Svelte
  • Official VS Code Extension
  • postcss-import
  • PurgeCSS
  • CSSNano
  • Progressive Web App (PWA) best practices set up
  • manifest.json’s most important fields filled out
  • High Lighthouse audit score
  • ESLint
  • VS Code Extension
  • eslint:fix package script

Installation

To use this project base:

  1. Clone or fork the repository.
  2. Install Node version 14.15 or higher.
  3. Install the project dependencies.

Summary

This project base extends the official Sapper Rollup template and adds support for PostCSS inside Svelte components. It includes various features such as PWA setup, ESLint integration, and a high Lighthouse audit score. The project is actively maintained until SvelteKit is ready, with instructions on how to migrate to Svelte Adders for continued functionality.