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

Crema catalana

Disfruta de esta dulce receta de uno de los postres más antiguos de Europa. ¡Requiere muy pocos ingredientes!

Preparación
10 min
Cocción
20 min
Raciones
8
Dificultad
Media

Ingredientes

1l de Leche
200g de azúcar
6 yemas de huevo
30g de Maizena
1 rama de canela
1 La piel de un limón

Elaboración

  1. 1 Mezcle las yemas de huevo, el azúcar y la harina de maiz con ⅓ de la leche. En un cazo, hierve el resto de la leche con la ralladura de un limón y la canela.
  2. 2 Después de 3 minutos, aparte del fuego y quite el limón y la canela.
  3. 3 Ve añadiendo muy despacio la mezcla del huevo sobre la leche utilizando un colador para asegurarse que no hay grumos.
  4. 4 Coloque el cazo otra vez en el fuego y, sin dejar de remover, espere hasta que hierva.
  5. 5 Una vez que la mezcla ha empezado a espesar, apártalo del fuego y ponlo en recipientes individuales para que enfríe.
  6. 6 Para un resultado auténtico, esparza un poco de azúcar y caramelízalo con un soplete de cocina o bajo el gratinador del horno.
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.