Next.js Discord

Discord Forum

Characters not loading in on certain pages

Unanswered
Tenterfield Terrier posted this in #help-forum
Open in Discord
Tenterfield TerrierOP
I am experiencing a weird bug where on some pages the copy sign will show up and on others not. The same exact component is loaded in. It doesnt happen instantly either. it takes a few days to set in. any advice ?

16 Replies

Tenterfield TerrierOP
export default function Footer() {
    return (
        <footer className="px-12 py-6 flex justify-between items-center">
            <span className="text-[12px]" style={{ color: 'rgba(255,255,255,0.6)' }}>
                &copy; 2026 Jordy - All rights reserved.
            </span>
            <div className="flex gap-5">
                <a
                    href="https://github.com/"
                    className="text-[12px] no-underline"
                    style={{ color: 'rgba(255,255,255,0.6)' }}
                >
                    GitHub
                </a>
                <a
                    href="mailto:info@.com"
                    className="text-[12px] no-underline"
                    style={{ color: 'rgba(255,255,255,0.6)' }}
                >
                    Email
                </a>
            </div>
        </footer>
    );
}
it works on some pages but not on others, the same exact pages had an issue where other characters didnt show up, switcing them out for their unicode didnt work either
B33fb0n3
Hmm seems like utf-8 will not be encoded on some pages… what browser are you using? And do the styles and stuff like that load on the „broken“ pages?
Tenterfield TerrierOP
everything loads,

e.g https://www.j0rqy.com/projects has a broken footer whilst https://www.j0rqy.com/contact hasnt
Asian black bear
@Tenterfield Terrier hey
Nvm
Original message was deleted
Tenterfield TerrierOP
yes it is
Asian black bear
Oh
@Tenterfield Terrier can you try the entity &#169;
Tenterfield TerrierOP
already did on some other icon that didnt work and I replaced, when using the real unicodes the same thing happend
@Tenterfield Terrier already did on some other icon that didnt work and I replaced, when using the real unicodes the same thing happend
B33fb0n3
I guess then it’s the best to use an actual icon library like iconify, react-icons or lucide-icons
Tenterfield TerrierOP
Honestly never thought of that, I had the "•" On my page as well that breaks on the pages too. I do think it's some strange bug tho
@Tenterfield Terrier Honestly never thought of that, I had the "•" On my page as well that breaks on the pages too. I do think it's some strange bug tho
B33fb0n3
Hmm when I visit the page, then it’s broken for me as well… so can’t be a browser bug… are you using nginx or self host or similar? Or just host on vercel?