Qwik Book - Layouts - Nested layouts Base files

src_routes_about_index.tsx

import { component$ } from '@builder.io/qwik';

export default component$(() => {
  return <div>
  <h1>Ruta "/about"</h1>
  Esta es la página 'about'
</div>;
});

src_routes_index.tsx

import { component$ } from '@builder.io/qwik';
import type { DocumentHead } from '@builder.io/qwik-city';

export default component$(() => {
  return (
    <div>
      <h1>Ruta "/"</h1>
      Esta es la página principal
    </div>
  );
});

export const head: DocumentHead = {
  title: 'Welcome to Qwik',
  meta: [
    {
      name: 'description',
      content: 'Qwik site description',
    },
  ],
};

src_routes_layout.tsx

import { component$, Slot } from '@builder.io/qwik';

export default component$(() => {
  return (
    <div>
      <p>
        <code>src/routes/layout.tsx</code>
      </p>
      <Slot />
    </div>
  );
});