Sitecore Stack Exchange is a question and answer site for developers and end users of the Sitecore CMS and multichannel marketing software. It only takes a minute to sign up.
Sign up to join this community
I'm unable to use space in field name like "Page Title" in sitecore with nextjs.
in Layout.tsx it works like below but not working when have sitecore filed like "Page Title":
const { route } = layoutData.sitecore;
return (
<>
<Head>
<title>{route?.fields?.PageTitle?.value || 'Page'}</title>
<link rel="icon" href={`${publicUrl}/favicon.ico`} />
</Head>
.
.
.
I think this is expected behavior as the field name will get directly served as a property on the javascript side which would not work with spaces in the middle of it.
What you can do as a workaround is to name your Sitecore field PageTitle and then set its Title field (under Data section) to be Page Title - this way your content editors will see a more readable version when they work with an item of this template and field reference will work too.
I think a good practice to reduce complications is to ensure field names have no spaces. For content author readability, you can add the spaces in the Title field of the field item (think of it like the display name for content authors). Utilizing the Title field also decreases the likelihood of having to rename fields down the line which can break your application if you haven't accounted for that possibility.
Because Layout service will not do anything with the field names when responding to any item request, you will be seeing field name in JSON response. It's basically our design to define an appropriate name(s) for fields. As per your ex- if you created a field with name Page Title then it will be returned as "Page Title".
Layout Service will only serialize field values and return appropriately. Each and every field type is having it's own serialization logic to return value in Layout service JSON.
Hope this helps.
/sitecore/api/layout/render/jss?lang=en&sc_apikey={YOUR_KEY}&item=%2F. Take a look at the field names in there. You certainly can use spaces in your field template names, but it all depends on how you have everything set up.