Open nozomione opened 2 months ago
Resource: Next.js: Migrate routing hooks
Currently, the following UI components are shared globally and rendered in the Layout component for the page router:
Layout
page
Band
ParticlesBg
BackToTopButton
Header
GlobalNav
GithubAnchor
LogoAnchor
NavDropDown
NavIcon
NavLink
Footer
Notification
PageTitle
In this issue, we want to render Header in the root layout of the app router. We'll also need to migrate the routing hook useRouter.
app
useRouter
As stated above, refactor the Header component and render it in the root layout of the app router.
Context
Resource: Next.js: Migrate routing hooks
Currently, the following UI components are shared globally and rendered in the
Layoutcomponent for thepagerouter:BandParticlesBgBackToTopButtonHeaderGlobalNavGithubAnchorLogoAnchorNavDropDownNavIconNavLinkFooterNotificationPageTitleIn this issue, we want to render
Headerin the root layout of theapprouter. We'll also need to migrate the routing hookuseRouter.Problem or idea
As stated above, refactor the
Headercomponent and render it in the root layout of theapprouter.Solution or next step
Headerand adjust the sub-components as necessaryappfolder