Thread Discussion

Started by Tricia Leach • Apr 1, 2025 4:13 AM

Total Replies

Participants

Activity

Quiet

— No recent activity

Duration

4:13 AM

Apr 1

Original Message

Thread starter

Tricia Leach4:13 AM

Is there any example in the docs showing how to create a blog with CMS React? I think I know how to query for the data, but I'm unsure of how to create the template. How would I insert the blog post body in my template?

{% extends "./layouts/base.hubl.html" %}

{% block header %}
  {% module "header_js_module"
    path="@projects/app/src/components/modules/Header" %}
{% endblock header %}

{% block body %}
   HOW DO I PUT BLOG BODY HERE?
{% endblock body %}

{% block footer %}
  {% module "footer_js_module"
    path="@projects/app/src/components/modules/Footer" %}

{% endblock footer %}

Replies

6 messages in thread

Sébastien RochonReply 1Apr 1, 2025 12:13 PM

The <https://github.com/HubSpot/cms-elevate-theme-public|Elevate Public theme> is very useful for those parts.

Tricia LeachReply 2Apr 1, 2025 3:46 PM

Thanks, <@U0682QW2QN7>! I had taken a look at that, and see where they are consuming the blog body <https://github.com/HubSpot/cms-elevate-theme-publi...

Tricia LeachReply 3Apr 2, 2025 5:24 PM

<@U02G7H60YCS> <@UAYBXDG4U> Checking to see if you know the answer to this, or have an example in the docs someplace? HubSpot customer service was not...

Jon MillerReply 4Apr 2, 2025 6:56 PM

<@U066BM0FLH0> You can do this via `hublDataTemplate` to get the `content` context and pass it through to your CMS React modules. Then you would impor...

Jon MillerReply 5Apr 2, 2025 6:57 PM

You would then pull this off of props in your Component export `props.hublData`

Tricia LeachReply 6Apr 2, 2025 6:58 PM

Thank you, <@U02G7H60YCS>! Appreciate your response—I will give this a try. Just in case anyone else is working through setting up a blog—my templat...