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

Sopa de berro

Una sopa maravillosamente simple y ligera, que aprovecha al máximo los productos locales de temporada.

Preparación
10 min
Cocción
20 min
Raciones
4
Dificultad
Fácil

Ingredientes

3 racimos de berros
3 patatas
3 cebollas
2 puerros
800ml de caldo
75g de crème fraîche

Elaboración

  1. 1 Prepare las verduras pelando y cortando las patatas y picando finamente las cebollas, los puerros y el ajo.
  2. 2 Caliente un poco de aceite en una sartén y agregue las verduras picadas, cocinándolas suavemente durante unos 5 minutos.
  3. 3 Agregue el caldo de verduras a la misma sartén y aumente el fuego hasta que hierva a fuego lento, agregando el berro después de unos 10 minutos. Cocine hasta que todas las verduras estén blandas y se muelan fácilmente.
  4. 4 Licuar la sopa con una batidora de mano o en un mezclador, hasta que esté suave.
  5. 5 Si la sopa se ha enfriado demasiado mientras se está licuando, agregue la crème fraîche y vuelva a calentarla antes de servirla (de lo contrario, sírvala de inmediato). Sazone a su gusto.
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.