so what i want to achieve is, i want my welcome page, to become my root page,

This is what am getting

Root page is the page in App

yes, im aware of that

So if you want it on / instead of /welcome you move it one up no?

i thought that you just import that page? like you will do in React no?

No the router for Next js doesn't require you to import it etc, it will automatically do routing based on your folder structure

yes, im aware of that too

so how do i achieve what i want

If you want welcome to be the page at / it needs to be the page file in the root folder of app

so app/page.js

oh okay, so i cant do it in other ways?

or is that the recommend way?

If you want to use a more import style, then you could create a folder for components and then import the welcome component in your root folder page.js for example

but it's effectively the same, you're just inlining something you cannot re-use most likely (a welcome page)

that's the default and recommended way as far as I'm aware for Next JS yeah, I believe you can disable it also, but I'm not sure what the use case for that would be in your situation. It also took me a bit to get used too but imo it works well once you get used to it