Head component

A head is a component that is rendered in the HTML Head node.

How to create a Head component

See How to create a head component

Default

The default one can be seen in the main/src/resources/components/heads directory

If you want to override the default ones, you should create a head with the same name and store it at: @/components/heads.

Syntax

They:

• are and should be server component
• accepts the layout props (page and context)
• should export the function component as default

Not a Client Component Restriction

Head component cannot be client component otherwise you get the fatal rsc error

How to list all head components

head component are registered components. You can see them by running the interact config command

bash⎘ Copy
interact config -f components
# to select only the head component with yq
interact config -f components | yq 'to_entries | map(select(.value.type == "head")) | from_entries'