Page appears blank
Answered
Broad-snouted Caiman posted this in #help-forum
Broad-snouted CaimanOP
Hello there. I uploaded my project to github and then github pages. Whenever you click on the website it shows a blank screen and i've been trying to fix it but still nothing. Perhaps the components are wrong? Can anyone see what's going on with my website. https://github.com/mfreire1996/portfolio-2025.git
Answered by B33fb0n3
you mixed up the file structure for app router with the pages router. You are clearly using app router (green arrow), but the files from pages router (red arrow). Make sure to decide if you want to use the app router or the pages router.
If you want to use the app router, your file inside your route need to be called
If you want to use the app router, your file inside your route need to be called
page.js. Read about routing in app router here: https://nextjs.org/docs/app/getting-started/layouts-and-pages2 Replies
@Broad-snouted Caiman Hello there. I uploaded my project to github and then github pages. Whenever you click on the website it shows a blank screen and i've been trying to fix it but still nothing. Perhaps the components are wrong? Can anyone see what's going on with my website. https://github.com/mfreire1996/portfolio-2025.git
you mixed up the file structure for app router with the pages router. You are clearly using app router (green arrow), but the files from pages router (red arrow). Make sure to decide if you want to use the app router or the pages router.
If you want to use the app router, your file inside your route need to be called
If you want to use the app router, your file inside your route need to be called
page.js. Read about routing in app router here: https://nextjs.org/docs/app/getting-started/layouts-and-pagesAnswer