Prerendering Vue.js Applications
Using Drupal, GraphQL and Nuxt.js
Welcome
Milan Matull
Factorial
Digital Agency from Hamburg.
Est. 2015
People
~ 30 employees from 10 countries
onsite in Hamburg
&
remotely in Europe, USA and South Africa
Working in small, cross-functional teams
Clients
Bauer Media
dpa
DZ-4
gruner + jahr
Klambt
Mutabor
Pixelpark
RMH
Silpion
SinnerSchrader Swipe
Stellenwerk
...
Services
Enterprise Content Management
User Interface Development
Digital Product Development
...
Tech
PostCSS
Vanilla.js
Vue.js
...
Drupal
Laravel
symfony
Express
Koa
...
Brainstorming topics
* Building component libraries with Vue CLI 3 and Lerna.js (x)
* Building web components with Vue CLI
* e2e testing with TestCafe
* Functional components in Vue.js
* Introduction to Vue CLI/UI
* Testing Vue.js Applications with Jest
* TypeScript and Vue.js, TypeScript in Vuex
* Understanding Webpack-chain
* Using Vue Storybook
* Using VuePress
The revelation Pt.1
The revelation Pt.2
Drupal + GraphQL + Nuxt
for prerendering Vue.js Applications
Drupal
Drupal
Installation
Generating content
Generated content
GraphQL
GraphQL
GraphQL in Drupal
GraphQL Voyager
GraphiQL
Nuxt.js
Nuxt.js
Installing Nuxt.js
Installing GraphQL in Nuxt.js
Configuration
Usage
�list of articles
Usage
�detail view of 1 article
Result
Generating a static build
Generating a static build
�
Only the entry point is generated.
Generating dynamic routes
Generating dynamic routes
Result
Going forward