Markus Oberlehner (@maoberlehner)
github

maoberlehner

Twitter logo Share LinkedIn logo Share Facebook logo Share
  • Stars
    star
    4,353
  • Global Rank 6,182 (Top 0.3 %)
  • Followers 653
  • Registered about 10 years ago
  • Most used languages
    JavaScript
         50.6 %
    Vue     42.5 %
    TypeScript
         5.7 %
    HTML
         1.1 %
  • Location πŸ‡¦πŸ‡Ή Austria
  • Country Total Rank 43
  • Country Ranking
    Vue     1
    JavaScript
         9
    TypeScript
         33
    HTML
         517

Top repositories

1

vuex-map-fields

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

vue-lazy-hydration

Lazy Hydration of Server-Side Rendered Vue.js Components
JavaScript
1,173
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
188
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
104
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

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
43
star
11

eleventy-preact

Build progressively enhanced websites wit Eleventy and Preact
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

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
16

storyblok-migrate

Storyblok schema migrations
JavaScript
27
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

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
21

collectorium

pure CSS tabs.
JavaScript
21
star
22

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
21
star
23

combining-graphql-and-vuex

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

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
25

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
26

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
27

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
28

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
17
star
29

talk-vitest-cypress

TypeScript
16
star
30

talk-good-tests

TypeScript
13
star
31

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
32

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
33

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
34

css-selector-extract

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

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
36

node-sass-package-importer

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

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
38

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
39

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
40

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
41

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
42

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
43

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

Vue
8
star
44

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
45

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
46

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
47

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
48

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
49

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
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

vue-single-file-component-factory

JavaScript
5
star
52

loading-comparison

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

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
54

article-testing-dsl

JavaScript
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

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
59

talk-git-master-class

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

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
61

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
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

node-sass-glob-importer

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

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

Vue
3
star
66

book-good-tests-app

TypeScript
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

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

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/
JavaScript
3
star
71

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
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

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
2
star
80

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
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

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
83

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
84

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
85

good-vue-tests-q-and-a

1
star
86

vue-style-provider

Vue
1
star
87

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
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