Sapper Graphql Template
Work in progress: a Svelte Sapper template / boilerplate with Apollo GraphQL and MongoDB built-in
Overview:
The eddyvinck/sapper-graphql-template is a template based on the default Sapper template (Rollup). It allows developers to easily scaffold projects and use GraphQL with Svelte. The template supports server-side rendering and includes features such as svelte-apollo, apollo-server-express, and GraphQL Playground. The template also includes configuration files, authentication via GraphQL, and uses MongoDB with mongoose.
Features:
- GraphQL Support: Allows developers to use GraphQL with Svelte.
- Server-Side Rendering: Supports server-side rendering for improved performance and SEO.
- svelte-apollo: Included package for integrating Apollo Client with Svelte components.
- apollo-server-express: Enables building GraphQL servers using Express.
- GraphQL Playground: Included for easy testing and exploring of GraphQL APIs.
- MongoDB Integration: Uses MongoDB with mongoose for data storage and retrieval.
- Configuration Files: Includes config configuration files in the /config/ directory.
- Authentication via GraphQL: Supports authentication using JWT-based directives.
Summary:
The eddyvinck/sapper-graphql-template is a template that builds on the default Sapper template (Rollup) and allows developers to easily scaffold projects using Svelte with GraphQL support. It includes features such as svelte-apollo, apollo-server-express, and GraphQL Playground. The template also supports server-side rendering and integrates MongoDB with mongoose for data storage. With authentication via GraphQL and configuration files, this template provides a solid foundation for building web applications using Sapper and GraphQL.
- 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.
- 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.