Front-end features link
| Line 28: | Line 28: | ||
--> | --> | ||
==Side panel with table of contents== | ==Side panel with table of contents== | ||
| + | |||
| + | |||
[[File:How it works/Front-end features/Side navigation.jpg|frameless]] | [[File:How it works/Front-end features/Side navigation.jpg|frameless]] | ||
==Dynamic components== | ==Dynamic components== | ||
| + | |||
| + | |||
| + | [[File:How it works/Front-end features/Dynamic components.jpg|border|frameless]] | ||
==Offline navigation== | ==Offline navigation== | ||
| + | |||
| + | |||
| + | |||
[[File:How it works/Front-end features/Offline navigation.jpg|frameless]] | [[File:How it works/Front-end features/Offline navigation.jpg|frameless]] | ||
==Breadcrumbs and navigation between pages== | ==Breadcrumbs and navigation between pages== | ||
| + | |||
| + | |||
[[File:How it works/Front-end features/Bottom navigation.jpg|border|frameless]] | [[File:How it works/Front-end features/Bottom navigation.jpg|border|frameless]] | ||
| Line 45: | Line 55: | ||
==Selection of contents with multiple languages== | ==Selection of contents with multiple languages== | ||
| − | <br />[[File:How it works/Front-end features/Languages selection.jpg|border|frameless]]<br /></noinclude> | + | <br /> |
| + | |||
| + | |||
| + | [[File:How it works/Front-end features/Languages selection.jpg|border|frameless]]<br /></noinclude> | ||
Revision as of 07:28, 19 July 2020
The front-end side of this wiki (a streamlined single-page-application allowing an instantaneous access to set of pages) is automatically created and updated as you create, edit, move or delete pages on the back-end, and it includes the following features:
- Server side rendering
- Navigable table of contents
- Dynamic components
- Offline navigation
- Breadcrumbs and navigation between pages
- Hyphenation
- Filtering of contents in multiple languages
Server side rendering
Server side rendering is the standard way how traditional static web pages or web applications are served on the web, where the page's content is computed and composed server side, even based on user-related data, and then served client side as the page load.
By contrast, a single-page-application (which allows a greater interactivity) first loads on the client and then retrieves its state, that is data from a database and user-related data.
However, by doing so, the information on the page are not present on page load, and the feeling is indeed that you are not consulting a static piece of information, but something which has to be load every time.
In order to enjoy the advantages of both technologies (and considering that the feeling to not visit a static page translates in a poor access to search engines) server side rendering allows a single page application to be processed on the server, and then served on the client precisely as a static page, and then becoming fully interactive and navigable dynamically.
Side panel with table of contents
Dynamic components
Hyphenation
Selection of contents with multiple languages
