A DruxtJS demo of Drupal Umami content, rendered by Nuxt A DruxtJS demo of Umami by Nuxt DruxtJS demo

Gluten free pizza

A gorgeous and simple gluten free pizza, with deliciously indulgent mozzarella and Parma ham. Can easily be vegetarian by leaving out the ham.

Prep
15 min
Cook
15 min
Serves
4
Difficulty
Medium

Ingredients

400g gluten free flour
125ml warm water
125ml milk
1 sachet dried yeast
2 tsp sugar
1 tsp salt
2 tbsp olive oil
4 tbsp tomato puree
1 garlic clove
Fresh basil
200g mozzarella
100g rocket
5 slices Parma ham

Method

  1. 1 Preheat the oven to 425°F/220°C. Mix some of the milk and water in a jug, and add the yeast and sugar, then set aside.
  2. 2 In a bowl, mix the flour, salt and oil. Slowly add the liquid from the jug and form into a dough.
  3. 3 Break the dough in half and shape into two pizza bases. Set aside for about 15 minutes, whilst making the topping.
  4. 4 Spread the tomato puree over the pizza bases, chop the basil and rocket and sprinkle over the tomato. Lay the chopped Parma ham on top and add thick slices of mozzarella across the pizza.
  5. 5 Cook in the oven directly on the top shelf (with a tray underneath) for 10-12 minutes until the mozzarella is bubbling. Season with salt and pepper and serve.
Same node, other view modes

Drupal's display modes are components here. Switch one and the page re-renders from the entity already in the store, with no second request.

Open card in 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"
/>
Built with DruxtJS

This whole magazine is one Drupal site and one Nuxt app

Blocks, menus, views, breadcrumbs, entity forms and search all come straight from Drupal's JSON:API. You override a component only when you want to.

Start your own in one command
$ npx giget@1 gh:druxt/quickstart#develop my-druxt-site --install

Or open this site in DevPod, with its backend, frontend and demo content.