> For the complete documentation index, see [llms.txt](https://elguerre.gitbook.io/de0an/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://elguerre.gitbook.io/de0an/capitulo-5-la-construccion.-implementando-requisitos/pagina-principal-home.md).

# Pantalla principal o de inicio (Home)

La pantalla principal o, también conocida como *Home*, es la página a la que accede el usuario tras la pantalla de bienvenida. Es por tanto una de las más importantes y ha de contar con un buen rendimiento y rapidez, así como con la agilidad adecuada para que no penalice la interacción del usuario al acceder a la misma. El usuario ha de llevarse la impresión de no estar esperando en exceso durante su inicio. Puede ser un punto concluyente para que el usuario decida si continuar o no usando la aplicación. Una barra de progreso o un mensaje de espera durante dicho periodo es una buena opción.

**Template 10**, nos ofrece esta particularidad y, además, cuenta con la página *Shell.xaml*, que actúa como marco base para toda la aplicación y proporciona un menú *Hamburger* a partir del cual podemos navegar a cualquier otra página utilizando su servicio de navegación, *NavigationService*.

Localizaremos la página *Home* en la clase *App*, en el método *OnStartAsync*.

```csharp
public override async Task OnStartAsync(StartKind startKind, IActivatedEventArgs args)
{
    // TODO: Añadir lógica para la carga inicial de datos y otras
    // tareas previas.
    await NavigationService.NavigateAsync(typeof(Views.MainPage));
}
```

Inicialmente la tenemos identificada como *MainPage,* pero la cambiaremos para que pase a ser la página de proyectos. Mientras tanto, podremos cambiarla a medida que desarrollamos para ir probando cada página.

Hasta este momento, y, tras sentar las bases para todos nuestros ViewModels, hemos entrado a la aplicación, hemos visto la pantalla de bienvenida y hemos navegado a la página *Home*. A continuación, aprenderemos cómo crear las páginas *Acerca de* y Configuración (o *Settings)* y cómo navegar a ellas.