drejohnson / Sapper Graphql Firebase
Svelte + Sapper + GraphQL + Firebase Auth
Stars: β 88
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Sapper Graphql Firebase
Firebase Gcp Examples
π₯ Firebase app architectures, languages, tools & some GCP things! React w Next.js, Svelte w Sapper, Cloud Functions, Cloud Run.
Stars: β 470 (+434.09%)
Mutual labels: graphql, svelte
Sapper Firebase Typescript Graphql Tailwindcss Actions Template
A template that includes Sapper for Svelte, Firebase functions and hosting, TypeScript and TypeGraphQL, Tailwind CSS, ESLint, and automatic building and deployment with GitHub Actions
Stars: β 111 (+26.14%)
Mutual labels: graphql, svelte
Laqul
A complete starter kit that allows you create amazing apps that look native thanks to the Quasar Framework. Powered by an API developed in Laravel Framework using the easy GraphQL queries language. And ready to use the Google Firebase features.
Stars: β 110 (+25%)
Mutual labels: graphql, firebase-auth
Sapper Typescript Graphql Template
A template that includes Sapper for Svelte, TypeScript preprocessing, and a GraphQL server through TypeGraphQL
Stars: β 84 (-4.55%)
Mutual labels: graphql, svelte
This Or That
This or that - Real-time atomic voting app built with AWS Amplify
Stars: β 87 (-1.14%)
Mutual labels: graphql
Hostyhosting
A platform to easily manage and deploy your applications.
Stars: β 86 (-2.27%)
Mutual labels: graphql
Svelte Example
π π Some examples to test the Svelte Framework
Stars: β 85 (-3.41%)
Mutual labels: svelte
Svelte Template
π§ An easy-to-use Svelte template! (Svelte + Typescript + Parcel + Express) 2020
Stars: β 88 (+0%)
Mutual labels: svelte
Review Waiting List Bot
Make your team's review great again! β¨ It's a Slack bot to list up review waiting list.
Stars: β 86 (-2.27%)
Mutual labels: graphql
Minna Ui
πΈ A fast, friendly, and fun web UI kit for everyone.
Stars: β 86 (-2.27%)
Mutual labels: svelte
Mayoor
Modern Order Management System - fullstack app built using Typescript, GraphQL, React, Prisma2
Stars: β 87 (-1.14%)
Mutual labels: graphql
Svelte Fusioncharts
Svelte Component for FusionCharts JavaScript Charting Library
Stars: β 86 (-2.27%)
Mutual labels: svelte
Thunder
β‘οΈ A Go framework for rapidly building powerful graphql services
Stars: β 1,281 (+1355.68%)
Mutual labels: graphql
Graphjin
GraphJin - Build APIs in 5 minutes with GraphQL. An instant GraphQL to SQL compiler.
Stars: β 1,264 (+1336.36%)
Mutual labels: graphql
React Dashboard
π₯React Dashboard - isomorphic admin dashboard template (React.js, Bootstrap, Node.js, GraphQL, React Router, Babel, Webpack, Browsersync) π₯
Stars: β 1,268 (+1340.91%)
Mutual labels: graphql
Chaskiq
A full featured Live Chat, Support & Marketing platform, alternative to Intercom, Drift, Crisp, etc ...
Stars: β 1,263 (+1335.23%)
Mutual labels: graphql
Accounts
Fullstack authentication and accounts-management for Javascript.
Stars: β 1,266 (+1338.64%)
Mutual labels: graphql
Svelte + Sapper + Firebase + GraphQL π₯
Svelte Starter with Sapper, GraphQL and Firebase Auth.
Features
- [x] Svelte
- [x] Sapper
- [x] RxJS
- [x] GraphQL via Hasura's graphql-engine
- [x] Authentication via Firebase Auth
- [x] Uses Service Worker to Cache GraphQL Request
Quick start
- Install dependencies: run
yarn
in project root - For dev server: run
yarn dev
ornpm run dev
, from project root. The app should be running at: http://localhost:3000. - To build frontend run:
yarn build
ornpm run build
from project root. Runyarn start
ornpm start
to start app.
Notes
- Repo was set up using my personal Hasura and Firebase configurations which is not included. So some setup is required for this repo to work for you.
- You will need to edit the
.env
file to add your credentials - Add your Firebase config to `src/firebase/config.js
- You also need to update the graphql directory with your own queries and mutations
- To run/test in docker locally run
docker run -p 3000:3000 -it <IMAGE> sh
. e.g.docker run -p 3000:3000 -it gcr.io/your_project/your_service:54bxr7g9 sh
, then from inside image runnode __sapper__/build
. Now open browser tolocalhost:3000
Deploy
- Uses Cloud Run
- To deploy on Cloud Run: run
yarn deploy
ornpm run deploy
,
TODO
- [ ] Move the
src/svql
directory into it's own repo and publish as a lightweight graphql client forsvelte
on npm - [ ] use firebase-admin
- [ ] Add TypeScript when supported
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].