More Premium Hugo Themes Premium Svelte Themes

Sapper Postcss Template

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

Sapper Postcss Template

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

Author Avatar Theme by babichjacob
Github Stars Github Stars: 79
Last Commit Last Commit: Dec 12, 2020 -
First Commit Created: Dec 18, 2023 -
Sapper Postcss Template screenshot

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.