Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[FEATURE]: Dynamic Page Titles for Consistency #538

Open
1 task done
s2sharpit opened this issue Jul 28, 2023 · 4 comments · May be fixed by #607
Open
1 task done

[FEATURE]: Dynamic Page Titles for Consistency #538

s2sharpit opened this issue Jul 28, 2023 · 4 comments · May be fixed by #607
Assignees
@s2sharpit
Labels
enhancement New feature or request

Comments

@s2sharpit
Copy link
Contributor

Detailed description

Currently, the homepage title is set as "Vibey," but when navigating to other pages, the title remains the same, lacking the necessary context. To enhance user experience and maintain consistency, it would be beneficial to dynamically update the page titles across the website.

Context

Benefits:

  1. Improved User Experience: Dynamic page titles give users a clear understanding of their current location within the website.
  2. Consistent Branding: By appending "Vibey" to each page's title, we reinforce the brand and maintain a cohesive identity.
  3. SEO Optimization: Dynamic page titles with relevant keywords can positively impact search engine rankings, enhancing the website's visibility.

Possible implementation

No response

Additional information

Let's work together to enhance the website's usability and branding by implementing this simple yet effective improvement.

Code of Conduct

  • I agree to follow this project's Code of Conduct
@s2sharpit s2sharpit added the enhancement New feature or request label Jul 28, 2023
@github-actions
Copy link

To reduce notifications, issues are locked. Your issue will be unlock when we will add label as status: ready for dev. Check out the contributing guide for more information.

@github-actions github-actions bot added the gssoc23 This label aids in the tracking of issues for octabot used by GSSoC'23 for tracking. label Jul 28, 2023
@github-actions github-actions bot locked and limited conversation to collaborators Jul 28, 2023
@UniKonf UniKonf unlocked this conversation Aug 3, 2023
@Deepu178
Copy link
Collaborator

Deepu178 commented Aug 3, 2023

@s2sharpit how will you update page title dynamically? Please tell me more with one example.

@s2sharpit
Copy link
Contributor Author

To update the page title dynamically in Next.js, we can use the Head component from next/head.

For the homepage, we want the title to be set to 'Vibey'. However, on other pages, we'll follow the format <page title> - Vibey to ensure a consistent branding experience.

Here's an example of how we can achieve this:

import Head from 'next/head';

function IndexPage() {
  return (
    <div>
      <Head>
        <title>Vibey</title>
      </Head>
      <p>Hello world!</p>
    </div>
  );
}

export default IndexPage;

@Deepu178
Copy link
Collaborator

Deepu178 commented Aug 8, 2023

Assigned @s2sharpit
Good luck

@s2sharpit s2sharpit linked a pull request Aug 10, 2023 that will close this issue
Open
14 tasks
@suzy-g38 suzy-g38 removed the gssoc23 This label aids in the tracking of issues for octabot used by GSSoC'23 for tracking. label Aug 17, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@s2sharpit s2sharpit

Labels
enhancement New feature or request
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

adding titles to every page s2sharpit/vibey
3 participants
@suzy-g38 @Deepu178 @s2sharpit