How to properly configure the title on home page? #9996

jcubic · 2024-03-28T14:08:58Z

jcubic
Mar 28, 2024

I have a website, it shows title as LIPS Scheme | LIPS Scheme on home page.

I only set it once:

const config: Config = {
  title: 'LIPS Scheme',
  tagline: 'Powerfull Scheme based Lisp in JavaScript',
  favicon: 'img/favicon.ico',

Answered by jcubic

Mar 28, 2024

So the problem is with the starter code:

export default function Home() {
  const {siteConfig} = useDocusaurusContext();
  return (
    <Layout
      title={`Hello from ${siteConfig.title}`}
      description="Description will go into a meta tag in <head />">
      <HomepageHeader />
      <main>
        <HomepageFeatures />
      </main>
    </Layout>
  );
}

This create title "Hello from ${siteConfig.title} | ${siteConfig.title}" According to #7535 it's not possible to remove | ${siteConfig.title} so you should not use siteConfig.title it the Layout title at all.

View full answer

slorber · 2024-03-28T14:19:07Z

slorber
Mar 28, 2024
Collaborator

Show me a repro: https://docusaurus.new/stackblitz

5 replies

jcubic Mar 28, 2024
Author

npm run build doesn't work:

npm run build

> docusaurus@0.0.0 build
> docusaurus build

jsh: command not found: docusaurus

jcubic Mar 28, 2024
Author

Start also doesn't work:

yarn install v1.22.19
warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchronized lock files. To clear this warning, remove package-lock.json.
[1/5] 🔍  Validating package.json...
[2/5] 🔍  Resolving packages...
[3/5] 🚚  Fetching packages...
error An unexpected error occurred: "Failed to fetch dependencies:
- @types/gtag.js@0.0.12".
info If you think this is a bug, please open a bug report with the information provided in "/home/projects/jvmiwbnqk.github/yarn-error.log".
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.

OzakIOne Mar 28, 2024
Collaborator

This may be related to an extension blocking the gtag module, try to disable any privacy related extension or in an other browser with bare minimum extensions

jcubic Mar 28, 2024
Author

Sorry, but I have no idea how to disable privacy protection in Brave that is privacy focused. Will try different browser when will have a next problem. Thanks.

OzakIOne Mar 28, 2024
Collaborator

Disabling brave shield should do the work (and other adblocker if you also have one in parallel)

jcubic · 2024-03-28T14:34:25Z

jcubic
Mar 28, 2024
Author

So the problem is with the starter code:

export default function Home() {
  const {siteConfig} = useDocusaurusContext();
  return (
    <Layout
      title={`Hello from ${siteConfig.title}`}
      description="Description will go into a meta tag in <head />">
      <HomepageHeader />
      <main>
        <HomepageFeatures />
      </main>
    </Layout>
  );
}

This create title "Hello from ${siteConfig.title} | ${siteConfig.title}" According to #7535 it's not possible to remove | ${siteConfig.title} so you should not use siteConfig.title it the Layout title at all.

1 reply

slorber Mar 28, 2024
Collaborator

Having Hello from my Site | My Site title is done on purpose in the starter template so that you can figure it out intuitively how title templating works. You can omit the title prop if you want to and the homepage title will just be your site title.

I knew what the problem was, and only asked for a repro because when you provide a repro, you usually figure out the problem on your own. For that reason, always provide a repro before opening an issue or a discussion.

If StackBlitz does not work well in brave you can just create a GitHub repository or use CodeSandbox instead.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

How to properly configure the title on home page? #9996

{{title}}

Replies: 2 comments 6 replies

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Select a reply

How to properly configure the title on home page? #9996

jcubic Mar 28, 2024

Replies: 2 comments · 6 replies

slorber Mar 28, 2024 Collaborator

jcubic Mar 28, 2024 Author

jcubic Mar 28, 2024 Author

OzakIOne Mar 28, 2024 Collaborator

jcubic Mar 28, 2024 Author

OzakIOne Mar 28, 2024 Collaborator

jcubic Mar 28, 2024 Author

slorber Mar 28, 2024 Collaborator

jcubic
Mar 28, 2024

Replies: 2 comments 6 replies

slorber
Mar 28, 2024
Collaborator

jcubic Mar 28, 2024
Author

jcubic Mar 28, 2024
Author

OzakIOne Mar 28, 2024
Collaborator

jcubic Mar 28, 2024
Author

OzakIOne Mar 28, 2024
Collaborator

jcubic
Mar 28, 2024
Author

slorber Mar 28, 2024
Collaborator