lgdd / lfr-vue-remote-app

Template for Vue Remote App in Liferay DXP/Portal.

Liferay Vue Remote App (Client Extension)

This is a template intended for tests & demos. The vite configuration included is not optimized for production environments.

Using this template

By default, the custom element name is lfr-vue-remote-app. You can change it in src/main.js:

const ELEMENT_ID = 'lfr-vue-remote-app';

This template is using a custom webpack configuration to build your application in a single file (index.js) making easier to create a Remote App in Liferay DXP/Portal.

Deploy to Netlify

Documentation: https://docs.netlify.com/site-deploys/create-deploys/

Use the following build command for Netlify:

yarn prod

It will run VITE_URL=$URL vite build to get access to Netlify environment variable URL

Why Netlify? Because it's awesome! Once your repository is linked, you have an automatic deployment each time you push changes to your repository. And by default, Netlify uses cache-control: public, max-age=0, must-revalidate to serve your application which means that you are able to see each changes live. Very useful for tests and demos, and if needed you can have custom HTTP Headers using a config file. Cherry on the cake, they provide a very fair free tier based on bandwith and build frequency (cf. Pricing).