Una demo de DruxtJS con el contenido Umami de Drupal, renderizada con Nuxt Una demo de DruxtJS de Umami con Nuxt Demo de DruxtJS

Quiche mediterráneo profundo

Un quiche de inspiración italiana con tomates secos y calabacín. Una comida ligera perfecta para un día de verano.

Preparación
40 min
Cocción
30 min
Raciones
8
Dificultad
Media

Ingredientes

Para la masa:
280g harina normal
140g mantequilla
Agua fría
Para el relleno:
1 cebolla
2 dientes ajo
Medio calabación
450ml leche de soja
500g queso parmesano
2 huevos
200g tomate deshidratado
100g queso feta

Elaboración

  1. 1 Precaliente el horno a 200°C. Empezando por la pastelería; Frote la harina y la mantequilla en un tazón hasta que se desmoronen como migas de pan. Agregue el agua, poco a poco, hasta que forme una masa.
  2. 2 Extiende la masa sobre una tabla enharinada y extiende suavemente sobre tu molde. Coloque en la nevera durante 20 minutos antes de hornear a ciegas durante otros 10.
  3. 3 Mientras la masa se está enfriando, corte y cocine suavemente las cebollas, el ajo y el calabacín.
  4. 4 En un tazón grande, agregue la leche de soya, la mitad del queso parmesano y los huevos. Mezclar suavemente.
  5. 5 Una vez que la masa esté cocida, esparza las cebollas, el ajo y los tomates secos sobre la base y vierta la mezcla de los huevos. Espolvoree el queso parmesano restante y coloque cuidadosamente el feta sobre la parte superior. Hornear durante 30 minutos o hasta que estén doradas.
El mismo nodo, otros modos de visualización

Los modos de visualización de Drupal aquí son componentes. Cambia uno y la página se vuelve a renderizar con la entidad que ya está en el store, sin una segunda petición.

Abrir card en Storybook →
How this page works

One component file renders every recipe on this site

Drupal's full display mode maps to this file. Change the layout here and all 24 recipes follow. The field templates, labels and formatters still come from Drupal's display config.

Read the Entity guide →
      
      <DruxtEntity
  type="node--recipe"
  mode="full"
  :uuid="uuid"
/>
Hecho con DruxtJS

Toda esta revista es un sitio Drupal y una aplicación Nuxt

Bloques, menús, vistas, migas de pan, formularios de entidad y búsqueda salen directamente de la JSON:API de Drupal. Solo sobrescribes un componente cuando quieres.

Crea el tuyo con un comando
$ npx giget@1 gh:druxt/quickstart#develop my-druxt-site --install

O abre este sitio en DevPod, con su backend, su frontend y el contenido de demostración.