next.js 13 app router no longer supports <Head> so you gotta jump through hoops to set metadata on pages with 'use client' 😩

✦ 𝚆𝙸𝙿: @vision ✦ ensdata.net ✦ abidata.net ✦ 𝙿𝚁𝙴𝚅: ui engineer @ rainbow 🌈 , sound.xyz 
✦ nf.td/pug ✦ pug.eth

Software developer, musician, co-founder of polp.app



yeah very annoying. this is my current solution. using an additional layout that wraps the page that has 'use client'

✳︎ product designer / engineer
✳︎ humanist • petrolhead
✳︎ making PlayAirsoft and Anchormail
✳︎ iOS/Swift/SwiftUI dev
✳︎ bento.me/matthew

this doesn’t work on ‘use client’ components

You don't have to. You can use `generateMetadata` directly server side in Next.js 13.4 with App Router.

Really messes with my ability to tell gpt what to write

𝓵𝓲𝓿𝓲𝓷𝓰 𝓽𝓱𝓮 𝓮𝓷𝓭𝓵𝓮𝓼𝓼 𝓼𝓾𝓶𝓶𝓮𝓻 • building alerty.dev sharecaster.xyz farcast.club • prev vp product nylas.com • co-founded gest.co • pfista.com

you can. but i’m talking about client components

I thought you could still set metadata on server components by exporting the const, did they take that away or was it never a thing

I like building apps on web3 protocols. gregskril.com

i’ve been using it with expo router for unlonely mobile and it’s pretty sweet. 

wanted an easy setup for intercepted and parallel routes for this project. collocation of one-off components and assets only used in that route is really awesome for organizing your repo.

what made you want to use app directory vs normal next.js stuff? I feel like I've heard more downsides than upsides recently

oh no

isn't one of the main features of next.js better head management than spa apps?

😂