Why don't I have a title and favicon?

[light turtle]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[fickle salmon]

because we export metadata instead in app dir
https://nextjs.org/docs/app/building-your-application/optimizing/metadata

why would you make the root layout as a client component?

it need to be client to pass icons?

[junior lantern]

Its not a good idea to use 'use client' here

[fickle salmon]

leave it server, and make a route group

app/(client)/layout.tsx <- make this client and put all the route inside it

[junior lantern]

export const metadata: Metadata = {
  title: 'Admin',
  description: 'Admin page',
}

Add this line with title and description

I see your issue is resolved

you can copypaste it

Yes, I know. I just wanted to make it easier for you so you can copy paste

[fickle salmon]

export const metadata = {
  title: "Textuva - Learn Anything, Your Way",
  icons: {
    icon: "/textuva-logo.ico",
  },
};

then remove the head tag

your mean the ico not show?

where is your icon located

if you can rename it, you can put it inside root of the app folder and name it favicon.ico

[fickle salmon]

but this should work

check the page element

and see if there is <link rel=icon />

[fickle salmon]

do you see there is a <link rel=icon href='/textuva-logo.ico' /> in the page source?

you rename to favicon.ico?

click the link and see if it open correctly

does the link work?

[fickle salmon]

yes

yes the one under /app folder only support favicon.ico

just mark solution 😆

you could try to resize it? or use some favicon generator