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

Pasta vegetariana al horno súper fácil

Una pasta al horno es la comida más fácil y saludable. Este delicioso plato es súper rápido de preparar y una comida ideal entre semana para toda la familia.

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

Ingredientes

400g pasta de trigo integral
1 cebolla
2 dientes de ajo
1 paquete de salchichas vegetarianas
400g tomates picados
50g rodajas de tomates secados al sol
1 pizca de azúcar
45g pesto rojo
50g queso cheddar
Albahaca o hierbas mixtas
100g queso mozzarella

Elaboración

  1. 1 En una sartén grande, hervir la pasta en abundante agua hasta que esté cocida.
  2. 2 Mientras se cocina la pasta, pica la cebolla y fríela suavemente con el ajo en un poco de aceite hasta que esté suave y la cebolla se vea clara.
  3. 3 Añadir las salchichas vegetarianas. Una vez dorado, retirar y picar en trozos grandes.
  4. 4 Pon las salchichas en la sartén y agrega los tomates, el azúcar, el pesto y los tomates secos. Sazone al gusto. Cocine a fuego lento hasta que la mayor parte del agua de los tomates picados se haya ido.
  5. 5 Escurrir la pasta y agregar a la sartén con las salchichas y los tomates. Agregue la mitad del queso cheddar y transfierelo a un plato poco profundo. Espolvoree con el resto del queso cheddar y salpique la mozzarella en rodajas por encima.
  6. 6 Asar durante 10 minutos o hasta que el queso se derrita y comience a dorarse. Servir con hojas de albahaca.
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.