ReactFoo Delhi

On React, performance and front-end engineering

Deploying apps with Vue at scale

Submitted by Satyendera Sharma (@satyendera) on May 14, 2019

Section: Full talk (40 mins) Technical level: Intermediate Status: Rejected

Abstract

The Vue.js core library is designed to be focused and flexible. It’s just a view layer library that doesn’t enforce any application-level architecture. While this can be great for integrating with existing projects, it could be a challenge for those with less experience to build larger scale applications from scratch.

The Vue.js ecosystem provides a set of tools and libraries on how to build large SPAs with Vue. For successful deployment of large scale vue application, we should be careful about isolated modules and micro-frontends architecture and not to overuse our Vuex store.

Outline

Generating dist/output by Vue CLI Server Configurations for the following:
Apache
nginx
Native Node.js (node clustering Vs PM2)
Express with Node
Internet Information Services (IIS)

Caveat

Common configurations for cross browser and protocols
CORS
PWA

Platform Guides for some common platforms:
GitHub Pages
GitLab Pages
Netlify
Amazon S3
Firebase
Now
Stdlib
Heroku
Surge
Bitbucket Cloud
Docker (Nginx)

Requirements

The participants should have a very basic idea about what deployment related knowledge i.e, jenkins, docker etc.

Speaker bio

Satyendera Sharma is working as Senior Associate Experience Technology at PublicisSapient and is a huge fan of application deplpoyment. He has been working on Vue since early 2018 and has delivered large scale projects using VueJS and also implemented adobe launchpad AIR (which developed Using Vue) for retail specific domain.

Slides

https://drive.google.com/file/d/1F-XahJKE6vwSH7kSYBdvkRNDLsM8TE7j/view?usp=sharing

Preview video

https://www.youtube.com/watch?v=ZB29Jk_4bh0

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('You need to be a participant to comment.') }}

{{ formTitle }}
{{ gettext('Post a comment...') }}
{{ gettext('New comment') }}

{{ errorMsg }}