Skip to content

apollo-elements/leeway

Repository files navigation

#leeway is an example chat PWA that uses lit-apollo to make it easier for you to avoid doing actual work. Source Repository

This repo demonstrates how to build an app using Apollo Elements with minimal use of JavaScript and Shadow DOM. There are many ways to build an app with web components, for a more traditional component-oriented approach with stronger encapsulation, see launchctl.

Features

  • Page loads offline via Service Worker
  • SSR for initial data payload via Apollo Server
  • Code Splitting with Rollup
  • Aggressive minification, including lit-html template literals
  • CSS-in-CSS ( e.g. import shared from '../shared-styles.css';)
  • GQL-in-GQL ( e.g. import query from './my-component-query.graphql';)
  • GraphQL Subscriptions over websocket

Lighthouse Scores: 98 (performance), 100 (accessibility), 93 (best practises), 100 (SEO), 12/12 (PWA)

Installation

npm ci

Run Locally

npm run watch

3rd-Party Licenses

See dependencies.txt for information about 3rd-party software licenses.

About

`#leeway` is an example chat PWA that uses `lit-apollo` to make it easier for you to avoid doing actual work.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published