/lfr-angular-remote-app

Template for Angular Remote App in Liferay DXP/Portal.

Primary LanguageHTML

Angular version

Liferay Angular Remote App (Client Extension)

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

Using this template

By default, the custom element name is lfr-angular-remote-app. You can change it in src/app/app.component.ts:

@Component({
  selector: 'lfr-angular-remote-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})

and in src/index.html

<body>
  <lfr-angular-remote-app></lfr-angular-remote-app>
</body>

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

Deploy to Netlify

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

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