Few improvments

[PxlSyl]

Hi!

While working on the i18n version, I noticed a few things. These are really minor improvments that being said!

• In tags page, the first letter should be capitalized (I think, but perhaps it's a choice)

For capitalized tags, in the [tag] page, you can do something like this

function capitalizeFirstLetter(str: string): string { return str.charAt(0).toUpperCase() + str.slice(1) } const capitalizedTag = capitalizeFirstLetter(tag) return genPageMetadata({ title: capitalizedTag, ...

• Highlight selected page in nav links (with primary-text-500) Here's what I did in header for this (with usePathname hook) :

'use client'

import { useParams, usePathname } from 'next/navigation' import siteMetadata from '@/data/siteMetadata' import headerNavLinks from '@/data/headerNavLinks' import Logo from '@/data/logo.svg' import Link from './Link' import MobileNav from './MobileNav' import ThemeSwitch from './ThemeSwitch' import LangSwitch from './LangSwitch' import SearchButton from './SearchButton' import { useTranslation } from 'app/[locale]/i18n/client' import type { LocaleTypes } from 'app/[locale]/i18n/settings'

const Header = () => { const locale = useParams()?.locale as LocaleTypes const { t } = useTranslation(locale, '') // Get current page path const pathname = usePathname()

return (

{typeof siteMetadata.headerTitle === 'string' ? (

{siteMetadata.headerTitle}

) : ( siteMetadata.headerTitle )}

{headerNavLinks .filter((link) => link.href !== '/') .map((link) => { const isSelected = pathname.includes(link.href) return ( {t(`${link.title.toLowerCase()}`)} ) })}

) }

export default Header

[PrinOrange]

In fact, for capitalization, yo can do it better with CSS text-transform property, here is the description.

.capitalize{
        text-transform: capitalize;
}

It can rectify to capitalize the first letter in word automatically, and the browser would recognize the words to determine what word should be capitalized and what is not necessary.

[PxlSyl]

In fact, for capitalization, yo can do it better with CSS text-transform property, here is the description.

.capitalize{
        text-transform: capitalize;
}

It can rectify to capitalize the first letter in word automatically, and the browser would recognize the words to determine what word should be capitalized and what is not necessary.

Yeah but thing is, it's for metadata generation and it goes directly to the tab

[PxlSyl]

Hi! I also added a share component, and the support for post series, if anyone is interested!