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

Pastel Victoria

Un tradicional bizcocho Victoria, perfecto para cualquier tarde con una taza de té.

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

Ingredientes

225g mantequilla o margarina
225g azúcar en polvo
225g harina autoniveladora
4 huevos
1 cucharadita polvo de hornear
3 cucharadas mermelada para el relleno
Azúcar glas para espolvorear la parte superior
Crema para servir

Elaboración

  1. 1 Precaliente el horno a 350°F/180°C y engrase dos moldes para pasteles de 8 pulgadas.
  2. 2 En un tazón grande, mezcle la mantequilla y el azúcar, luego agregue los huevos, la harina y el polvo para hornear.
  3. 3 Distribuya la mezcla uniformemente entre los 2 moldes para pasteles.
  4. 4 Coloque ambas moldes en el medio del horno precalentado durante 20 minutos, antes de verificar con un cuchillo. Cuando el cuchillo salga limpio, ¡está listo!
  5. 5 Permita que se enfríe en los moldes antes de colocarlos en un estante de enfriamiento.
  6. 6 Agregue la mermelada, apile, espolvoree con azúcar glas y sirva con una cucharada grande de crema. ¡Disfruta!
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.