maoberlehner/how-to-use-graphql-with-vue-apollo-components-and-netlify-functions maoberlehner/how-to-use-graphql-with-vue-apollo-components-and-netlify-functions

  • Stars
    star
    3
  • Rank 3,963,521 (Top 79 %)
  • Language
    JavaScript
  • Created almost 6 years ago
  • Updated almost 6 years ago
Twitter logo Share LinkedIn logo Share Facebook logo Share
maoberlehner/how-to-use-graphql-with-vue-apollo-components-and-netlify-functions
github

maoberlehner

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

This is an example project for the following article: https://markus.oberlehner.net/blog/how-to-use-graphql-with-vue-apollo-components-and-netlify-functions/

More Repositories

1

vuex-map-fields

Enable two-way data binding for form fields saved in a Vuex store
JavaScript
1,415
star
2

vue-lazy-hydration

Lazy Hydration of Server-Side Rendered Vue.js Components
JavaScript
1,187
star
3

node-sass-magic-importer

Custom node-sass importer for selector specific imports, module importing, globbing support and importing files only once.
TypeScript
293
star
4

how-to-structure-a-complex-vuex-store

This is an example project for the following article: https://markus.oberlehner.net/blog/how-to-structure-a-complex-vuex-store/
Vue
187
star
5

perfundo

a pure CSS lightbox (now with JavaScript).
JavaScript
183
star
6

transition-to-height-auto-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/transition-to-height-auto-with-vue/
Vue
105
star
7

goodbye-webpack-building-vue-applications-without-webpack

This is an example project for the following article: https://markus.oberlehner.net/blog/goodbye-webpack-building-vue-applications-without-webpack/
JavaScript
77
star
8

distributed-vue-applications-loading-components-via-http

This is an example project for the following article: https://markus.oberlehner.net/blog/distributed-vue-applications-loading-components-via-http/
JavaScript
49
star
9

dynamic-vue-layout-components

This is an example project for the following article: https://markus.oberlehner.net/blog/dynamic-vue-layout-components/
Vue
43
star
10

eleventy-preact

Build progressively enhanced websites wit Eleventy and Preact
JavaScript
42
star
11

advanced-vue-component-composition-with-container-components

This is an example project for the following article: https://markus.oberlehner.net/blog/advanced-vue-component-composition-with-container-components/
JavaScript
42
star
12

vue-router-page-transitions

This is an example project for the following article: https://markus.oberlehner.net/blog/vue-router-page-transitions/
Vue
34
star
13

setting-up-a-vue-project-with-webpack-4-and-babel-7

This is an example project for the following article: https://markus.oberlehner.net/blog/setting-up-a-vue-project-with-webpack-4-and-babel-7/
Vue
33
star
14

building-a-modal-dialog-with-vue-and-vuex

This is an example project for the following article: https://markus.oberlehner.net/blog/building-a-modal-dialog-with-vue-and-vuex/
Vue
30
star
15

storyblok-migrate

Storyblok schema migrations
JavaScript
30
star
16

building-renderless-components-to-handle-crud-operations-in-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/building-renderless-components-to-handle-crud-operations-in-vue/
Vue
29
star
17

how-to-pre-render-vue-powered-websites-with-webpack

This is an example project for the following article: https://markus.oberlehner.net/blog/how-to-pre-render-vue-powered-websites-with-webpack/
JavaScript
25
star
18

skeleton-loading-animation-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/skeleton-loading-animation-with-vue/
Vue
24
star
19

using-the-google-maps-api-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/using-the-google-maps-api-with-vue/
JavaScript
23
star
20

well-composed-frontend

This is an example app to show how to build a flexible and modular frontend. The main technologies used are Vue together with Vuex and Nuxt.js in combination with the node-sass-magic-importer.
JavaScript
22
star
21

vue-application-structure-and-css-architecture

This is an example project for the following article: https://markus.oberlehner.net/blog/vue-application-structure-and-css-architecture/
Vue
21
star
22

collectorium

pure CSS tabs.
JavaScript
21
star
23

talk-vitest-cypress

TypeScript
21
star
24

combining-graphql-and-vuex

This is an example project for the following article: https://markus.oberlehner.net/blog/combining-graphql-and-vuex/
JavaScript
19
star
25

implementing-a-simple-middleware-with-vue-router

This is an example project for the following article: https://markus.oberlehner.net/blog/implementing-a-simple-middleware-with-vue-router/
JavaScript
19
star
26

building-a-date-input-component-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/building-a-date-input-component-with-vue/
JavaScript
18
star
27

how-to-drastically-reduce-estimated-input-latency-and-time-to-interactive-of-ssr-vue-applications

This is an example project for the following article: https://markus.oberlehner.net/blog/how-to-drastically-reduce-estimated-input-latency-and-time-to-interactive-of-ssr-vue-applications/
Vue
18
star
28

replicating-the-twitter-tweet-box-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/replicating-the-twitter-tweet-box-with-vue/
Vue
17
star
29

talk-good-tests

TypeScript
16
star
30

book-good-tests-app

TypeScript
16
star
31

lazy-load-vue-components-when-they-become-visible

This is an example project for the following article: https://markus.oberlehner.net/blog/lazy-load-vue-components-when-they-become-visible/
Vue
16
star
32

distributed-vue-applications-pushing-content-and-component-updates-to-the-client

This is an example project for the following article: https://markus.oberlehner.net/blog/distributed-vue-applications-pushing-content-and-component-updates-to-the-client/
Vue
13
star
33

visual-regression-tests-for-vue-applications-with-jest-and-puppeteer

This is an example project for the following article: https://markus.oberlehner.net/blog/visual-regression-tests-for-vue-applications-with-jest-and-puppeteer/
JavaScript
12
star
34

setting-up-tailwind-css-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/setting-up-tailwind-css-with-vue/
JavaScript
12
star
35

css-selector-extract

Extract certain CSS selectors form (S)CSS code.
JavaScript
11
star
36

building-a-simple-content-slider-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/building-a-simple-content-slider-with-vue/
Vue
11
star
37

node-sass-package-importer

Custom importer for node-sass to import packages from the `node_modules` directory.
JavaScript
11
star
38

implementing-an-authentication-flow-with-passport-and-netlify-functions

This is an example project for the following article: https://markus.oberlehner.net/blog/implementing-an-authentication-flow-with-passport-and-netlify-functions/
JavaScript
10
star
39

building-a-parallax-scrolling-effect-component-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/building-a-parallax-scrolling-effect-component-with-vue/
Vue
10
star
40

using-location-data-with-vue-and-open-street-map

This is an example project for the following article: https://markus.oberlehner.net/blog/using-location-data-with-vue-and-open-street-map/
Vue
9
star
41

vue-3-composition-api-data-fetching-composable

Vue
9
star
42

building-custom-multi-option-form-components-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/building-custom-multi-option-form-components-with-vue/
Vue
9
star
43

lazy-loading-responsive-images-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/lazy-loading-responsive-images-with-vue/
Vue
9
star
44

testing-vuex-powered-vue-components-with-jest

This is an example project for the following article: https://markus.oberlehner.net/blog/testing-vuex-powered-vue-components-with-jest/
JavaScript
8
star
45

reusable-functional-vue-components-with-tailwind-css

This is an example project for the following article: https://markus.oberlehner.net/blog/reusable-functional-vue-components-with-tailwind-css/
Vue
8
star
46

building-a-pre-rendered-website-with-nuxt-and-storyblok

This is an example project for the following article: https://markus.oberlehner.net/blog/building-a-pre-rendered-website-with-nuxt-and-storyblok/
Vue
7
star
47

storyblok-meta-image

A Storyblok field-type plugin which provides an image field with meta data like width, height, alt and title texts and the images dominant color attached to it
Vue
6
star
48

storyblok-cloudinary-assets

Storyblok Cloudinary Assets is a Storyblok field-type plugin which makes it possible to use Cloudinary for managing assets in the headless CMS Storyblok
Vue
6
star
49

vue-form-validation-with-vuelidate

This is an example project for the following article: https://markus.oberlehner.net/blog/vue-form-validation-with-vuelidate/
JavaScript
6
star
50

building-a-website-with-vue-the-storyblok-visual-editor-and-netlify

This is an example project for the following article: https://markus.oberlehner.net/blog/building-a-website-with-vue-the-storyblok-visual-editor-and-netlify/
Vue
6
star
51

building-landing-pages-with-vue-and-a-headless-cms

This is an example project for the following article: https://markus.oberlehner.net/blog/building-landing-pages-with-vue-and-a-headless-cms/
Vue
6
star
52

vue-single-file-component-factory

JavaScript
5
star
53

loading-comparison

Compare the loading performance of two or more websites or website variations.
JavaScript
5
star
54

building-a-simple-ken-burns-slider-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/building-a-simple-ken-burns-slider-with-vue/
Vue
5
star
55

abomination-a-concept-for-a-static-html-dynamic-javascript-hybrid-application

This is an example project for the following article: https://markus.oberlehner.net/blog/abomination-a-concept-for-a-static-html-dynamic-javascript-hybrid-application/
Vue
5
star
56

vue-functional-css-module-components

This is an example project for the following article: https://markus.oberlehner.net/blog/vue-functional-base-components-powered-by-css-modules/
JavaScript
5
star
57

runtime-bundler

Runtime Bundling of JavaScript Assets
JavaScript
4
star
58

talk-git-master-class

This is an example repository for my talk Git Master Class
4
star
59

building-a-static-site-with-storyblok-and-gridsome

This is an example project for the following article: https://markus.oberlehner.net/blog/building-a-static-site-with-storyblok-and-gridsome/
Vue
4
star
60

automatic-spa-ftp-deploys-with-circleci

This is an example project for the following article: https://markus.oberlehner.net/blog/automatic-spa-ftp-deploys-with-circleci/
Vue
4
star
61

route-model-binding-with-vue-and-vuex

This is an example repository created for the following blog article: https://markus.oberlehner.net/blog/route-model-binding-with-vue-and-vuex
JavaScript
4
star
62

typescript-database-abstraction

This is an example repository created for the following blog article: https://markus.oberlehner.net/blog/2017/03/building-a-simple-database-abstraction-with-typescript/
TypeScript
4
star
63

acceptance-testing-with-nightwatch-cucumber-and-browserstack

This is an example repository created for the following blog article: https://markus.oberlehner.net/blog/acceptance-testing-with-nightwatch-and-cucumber-setup/
JavaScript
4
star
64

article-testing-dsl

JavaScript
4
star
65

node-sass-glob-importer

Custom node-sass importer to allow you to use glob syntax in imports.
JavaScript
3
star
66

building-a-store-finder-with-storyblok-and-vue

Vue
3
star
67

vue-xstate-experiments

JavaScript
3
star
68

node-sass-filter-importer

Filter certain elements from SCSS code.
JavaScript
3
star
69

building-a-renderless-recaptcha-v3-form-component-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/building-a-renderless-recaptcha-v3-form-component-with-vue/
JavaScript
3
star
70

crazy-powerful-nightwatch-cucumber-step-definitions

This is an example project for the following article: https://markus.oberlehner.net/blog/crazy-powerful-nightwatch-cucumber-step-definitions/
JavaScript
3
star
71

creating-pdf-invoices-with-airtable-vue-and-puppeteer

This is an example project for the following article: https://markus.oberlehner.net/blog/creating-pdf-invoices-with-airtable-vue-and-puppeteer/
Vue
3
star
72

building-a-serverless-comment-system-with-netlify-functions-storyblok-and-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/building-a-serverless-comment-system-with-netlify-functions-storyblok-and-vue/
JavaScript
3
star
73

storyblok-augmented-image

Vue
3
star
74

storyblok-list

Vue
2
star
75

visual-regression-testing-with-nightwatch-and-cucumber

JavaScript
2
star
76

node-sass-selector-importer

Import only certain CSS selectors form a file.
JavaScript
2
star
77

talk-npm-scripts

Warum npm scripts (manchmal) voll OK sind.
HTML
2
star
78

building-a-custom-storyblok-field-type-plugin-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/building-custom-storyblok-field-type-plugins-with-vue/
Vue
2
star
79

mindstorms-nxt-node

This is an example project for the following article: https://markus.oberlehner.net/blog/controlling-the-lego-mindstorms-nxt-with-nodejs-its-alive/
JavaScript
2
star
80

article-nuxt-sqlite-vector

TypeScript
2
star
81

headless-cms-nuxt

This is an example project for exploring how to build headless CMS powered websites with Nuxt.js.
JavaScript
1
star
82

unit-testing-vue-components-with-ava

This is an example repository created for the following blog article: https://markus.oberlehner.net/blog/unit-testing-vue-single-file-components-with-ava/
JavaScript
1
star
83

dynamically-loading-svg-icons-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/dynamically-loading-svg-icons-with-vue/
JavaScript
1
star
84

good-vue-tests-q-and-a

1
star
85

vue-style-provider

Vue
1
star
86

network-stubs-and-timers-with-nightwatch-and-cucumber

This is an example project for the following article: https://markus.oberlehner.net/blog/network-stubs-and-timers-with-nightwatch-and-cucumber
JavaScript
1
star
87

implementing-a-gdpr-consent-workflow-with-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/implementing-a-gdpr-consent-workflow-with-vue/
Vue
1
star
88

vue-nested-default-props

Vue
1
star
89

automated-acceptance-testing-with-cypress-and-vue

This is an example project for the following article: https://markus.oberlehner.net/blog/automated-acceptance-testing-with-cypress-and-vue-setup
JavaScript
1
star