Páginas

Las páginas en Astro utilizan un sistema conocido como file based routing o enrutamiento basado en archivos.

Para crear una nueva página en Astro se crea un nuevo archivo en la carpeta pages, y se les da el nombre que se desee en minúsculas y con extensión .astro.

Copia el contenido de la página del siguiente ejemplo, para crear una página about.astro en la misma carpeta donde se encuentre index.astro.

  ---
  // importamos el LayoutDefault para la estructura del archivo
  import DefaultLayout from "../layouts/DefaultLayout.astro";
  ---
  <DefaultLayout>
    <title slot="titulo">Acerca de…</title>

    <h1 class="text-center text-3xl font-bold mb-6 mt-3">
    Acerca de AstroBlog
    </h1>
    <p class=”text-base my-4>Bienvenido a nuestro blog sobre gatitos. Espero disfrutes de los diferentes artículos que te ofrecemos.</p>
  </DefaultLayout>
  

Modificamos en el DefaultLayout la barra de navegación y indicando en el enlace cuyo título es About que nos lleve a nuestra página de about.astro, y cambiando el texto About por Acerca de.

  <a href="/about" class="block py-2 px-3 text-heading rounded 
  hover:bg-neutral-tertiary md:hover:bg-transparent md:border-0 
  md:hover:text-fg-brand md:p-0 md:dark:hover:bg-transparent">Acerca de</a>
  

¿Qué pasa si intentamos acceder a una ruta que no existe? Que ya por defecto Astro nos va a mostrar una página llamada 404 que tiene previamente personalizada. Si deseamos crear nuestra propia página 404 deberíamos crear un nuevo archivo en pages y llamarlo 404.astro y en él crear la página 404 personalizada, la cual incluso puede utilizar un Layout.