"Payload has transformed the way our clients manage content. It's an indispensable tool for any modern agency."
Get the resources you need to start building today
Microsoft chose Payload to tell the world about AI.
Make home page or "/" a custom component (3.0)
Hey! I have a payload 3.0.0-beta.111 app that was created with the website template using sqlite.
I have a custom react component in "./src/app/(frontend)/marketing". If I wanted to make that my home page what would I do?
If I’m not mistaken, due to [Nextjs
dynamic routing](https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes) havingmarketing` dir would result into it being in the url.
Maybe introducing a [route group](
https://nextjs.org/docs/app/building-your-application/routing/colocation#route-groups) as done here in this example, would help you achieve that.
https://github.com/payloadcms/public-demo/blob/master/src/app/(pages)/%5Bslug%5D/page.tsx
src/app/(frontend)/page.tsx
Hey
@754097374640734239I appreciate you replying! I do understand the app router on NextJS and know that due to the fact that my
page.tsxis inside of the
marketingdir it will only render if I navigate to
/marketing.
@366641026410086401If I flatout replace that component it's not going to break the entire flow for routing after I create pages in the admin panel?
Star
Discord
online
Get dedicated engineering support directly from the Payload team.