Sapper Typescript Graphql Template
A template that includes Sapper for Svelte, TypeScript preprocessing, and a GraphQL server through TypeGraphQL
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.
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.
- Express
Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.
- Svelte
Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Graphql
A website that uses GraphQL as a query language to manage data fetching and state management. This includes features such as a strongly typed schema, client-side caching, and declarative data fetching to streamline data management and optimize website performance.
- Rollup
RollupJS is a popular and efficient JavaScript module bundler that takes the code from multiple modules and packages them into a single optimized file, minimizing the overall size of the application and improving its performance.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.