This is a template intended for tests & demos. The vite configuration included is not optimized for production environments.
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.
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 variableURL
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).