Change a page title

[pepibumur]

Hi there ,
I’m not sure if this is the right place to ask how-to questions, if not, let me know and I’ll move it somewhere else.
I’d like to change the title of my pages and I was wondering if using something like Helmet is the right approach for that. Also, I noticed that the main index.html has a default title set to:

<title><%= htmlWebpackPlugin.options.title %></title>

Where is that title come from?

Thanks in advance for your help.

[Tobbe]

Hi @pepibumur! Welcome to the Redwood community forums

I think you’re right on track with the React Helmet idea! See this topic for some previous discussions on the subject

Access webpack var in a page

I see that in the generated index.html the title var from webpack config file is used. How do I do the same in a page.js file? Specifically I want to use the title in a layout file.

[thedavid]

@pepibumur

Also, I noticed that the main index.html has a default title set to:

<title><%= htmlWebpackPlugin.options.title %></title>

Where is that title come from?

^^ This is just us being able to set the site title to project directly title at time of installation. It’s meant to be removed as needed.

React Helmet is great and highly recommended!

[dthyresson]

@pepibumur

Where is that title come from?

Have a look in packages/core/config/webpack.common.js:

redwoodjs/redwood/blob/2c41d081af54799e136f0072fdfff4a5069b35c9/packages/core/config/webpack.common.js#L179

If I want to change it, I define my own web/config/webpack.config.js in my app:

dthyresson/redwoodblog-rbac/blob/master/web/config/webpack.config.js