Svelte Themes Logo Svelte Themes
Sapper Typescript Graphql Template screenshot

Sapper Typescript Graphql Template

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

A template that includes Sapper for Svelte, TypeScript preprocessing, and a GraphQL server through TypeGraphQL

Github

Categories

Express

Overview

This is an extension to the official Sapper Rollup template with TypeScript preprocessing and a GraphQL server through TypeGraphQL (Apollo Server). It includes features such as Sapper for Svelte, Official VS Code Plugin, TypeScript, TypeGraphQL, Progressive Web App (PWA) best practices, and more.

Features

  • Sapper for Svelte: Integrates Sapper with Svelte for building web applications.
  • Official VS Code Plugin: Provides a plugin for Visual Studio Code for better development experience.
  • TypeScript: Includes TypeScript preprocessing for type checking and improved code quality.
  • TypeGraphQL: Utilizes TypeGraphQL (Apollo Server) for implementing a GraphQL server.
  • Progressive Web App (PWA) best practices: Sets up the project with best practices for building Progressive Web Apps.
  • manifest.json’s most important fields filled out: Ensures that the most important fields in the manifest.json file are filled out for proper app functionality.
  • High Lighthouse audit score: Includes optimizations to achieve a high score on Lighthouse audits.
  • ESLint: Integrates ESLint for code linting and formatting.
  • VS Code Plugins: Provides recommended VS Code plugins for better development experience.
  • eslint:fix package script: Includes a package script for automatically fixing ESLint issues.

Installation

To use this project base, follow these steps:

  1. Choose either to clone or fork the project depending on your preference.
    • Clone: git clone <repository url>
    • Fork: Go to the project’s GitHub page and click on the “Fork” button.
  2. Install dependencies by running npm install or yarn install.
  3. Use the project according to your needs, such as for development, building for production, or exporting a static site.
  4. Configure the project, especially the web app fields in static/manifest.json.
  5. Optionally remove the GraphQL server by following the provided instructions.

Summary

This project is an extension to the official Sapper Rollup template with additional features like TypeScript preprocessing and a GraphQL server through TypeGraphQL. It includes various optimizations for building Progressive Web Apps and achieves a high score on Lighthouse audits. The project provides an easy installation process and can be customized according to specific needs. Additionally, it offers support for ESLint and includes recommendations for VS Code plugins.