Content creator mode, Hydrogen demo, landing page walkthrough
Content creator mode
We’re rolling out a new “content creator” role that you can designate on team members or clients, along with a content creator mode in Plasmic Studio.
This role is limited to editing and building pages using the existing components available in the project—whether those components were built in Plasmic, or code components registered from your codebase—and hides all free-form styling, low-level HTML elements, token/mixin management, and more.
This makes Plasmic more accessible to editors who don’t need to be concerned with design details, and at the same time it ensures design consistency on your site.
And as before, components can restrict the types of elements that are inserted into their slots—see the allowedComponents docs. So you can dictate, for instance:
The Page Layout component should only accept Section components as its children.
The CTA slot of Hero Section components should accept only Button components.
Content creators can furthermore create and edit CMS entries in the built-in Plasmic CMS, currently in early access.
The role is available on Growth plans and higher. Enterprise plans will be able to further customize what is enabled or disabled for the content creator role, letting you customize and control the Plasmic visual editing experience.
Shopify Hydrogen demo, React server components interview
Check out our own Chung Wu’s recent appearance on React Wednesdays with Telerik’s TJ VanToll, where they deep dive into the recent in-depth guide that Chung put together on how the forthcoming React server components works.
This is the technology that will be shifting the paradigm on page load performance for React websites, notably in both Next.js and Shopify Hydrogen frameworks. Don’t miss our in-depth guide to React Server Components!
And for the most adventurous of you—feel free to play with Plasmic’s example integration with Shopify Hydrogen, where we built the entire storefront (not just landing pages!) visually in Plasmic.
Landing page example walkthrough
We’ve released an in-depth video showing how to rebuild the Vercel Workflow landing page in Plasmic.
And more
Code components now take a description field, which supports showing a description in the right sidebar when you have an instance of that component selected. Format is in Markdown.
We’ve updated the React hook for code component authors, usePlasmicCanvasContext(), to return not just a boolean indicating whether you’re rendering in Plasmic Studio, but a full object containing useful metadata—currently, it returns the name of the component in whose artboard we’re rendering.
Here is the fixed link to the Sanity CMS integration example. We now also have a Contentful integration example.
Many more performance and bug fixes!