Skip to content

Commit

Permalink
Luigi Videos (SAP#1060)
Browse files Browse the repository at this point in the history
  • Loading branch information
alexandra-simeonova authored Mar 19, 2020
1 parent cbf4e9a commit 5db1960
Show file tree
Hide file tree
Showing 4 changed files with 11 additions and 0 deletions.
2 changes: 2 additions & 0 deletions docs/application-setup.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,8 @@ meta -->

# Luigi Core Installation

<iframe width="560" height="315" src="https://www.youtube.com/embed/kEzTZ2U9KMM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

This document shows you how to set up a web application using the Luigi micro frontend framework. This involves a few basic steps:
* Adding Luigi's `npm` packages to your project dependencies.
* Giving Luigi exclusive control over your entry `index.html` file.
Expand Down
6 changes: 6 additions & 0 deletions docs/faq.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,10 +21,16 @@ meta -->

Luigi is a micro frontend framework that helps you build modularizable, extensible, scalable and consistent UIs and web applications (for administrators and business users).

You can watch this video of a Luigi use case to understand its functions better:
<iframe width="560" height="315" src="https://www.youtube.com/embed/fRYESd-YDhA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

### What are micro frontends?

The term "micro frontends" extends the concepts of micro services to the frontend. It's an architectural style where big frontend monoliths are decomposed into smaller and simpler chunks to be developed, tested, deployed and maintained independently and rapidly (by many distributed teams), while still appearing to the customer as a one cohesive product.

This video which explains the basics of micro frontend architecture and how it can be implemented with Luigi:
<iframe width="560" height="315" src="https://www.youtube.com/embed/Bjp1_yvtR4Y" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

### Does Luigi deliver micro frontends?

No, Luigi itself does not deliver any micro frontends. It is a framework that helps you develop micro frontends and connect them to web applications.
Expand Down
2 changes: 2 additions & 0 deletions docs/navigation-configuration.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,8 @@ If you are already familiar with the basics, take a look at:
* [Advanced navigation configuration](navigation-advanced.md)
* [Full reference list of navigation parameters](navigation-parameters-reference.md)

<iframe width="560" height="315" src="https://www.youtube.com/embed/9hczgxJV1eU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

## Navigation elements

There are three main elements to Luigi:
Expand Down
1 change: 1 addition & 0 deletions website/docs/src/luigi-config/extended/settings.js
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@ class Settings {

responsiveNavigation = 'simpleMobileOnly'; // Options: simple | simpleMobileOnly | semiCollapsible
sideNavFooterText = ' ';
customSandboxRules = ['allow-presentation']
// hideNavigation = true
// backdropDisabled = true
}
Expand Down

0 comments on commit 5db1960

Please sign in to comment.