Trying to use an _app.tsx file, but it won't load. Here's an image of my file tree. It might also be worth noting that I can't use index.tsx instead of the generic page.tsx? I thought index was standard. It's in the docs.
#Can't use custom _app.tsx?
tight atlas
gaunt pivot
you are using the new app router (notice you have src/app instead of src/pages). so _app doesn't exist anymore, here is the migration guide: https://nextjs.org/docs/app/building-your-application/upgrading/app-router-migration#migrating-_documentjs-and-_appjs
if you want to use the old router, change the name of the folder
tight atlas
OH
I didn't realize that!
surprised the docs don't mention that
I don't understand why i have a pages/layout and an app/layout
gaunt pivot
app/layout.tsx is the new official way to compose layouts in the app router
the pages dir doesn't have "native" ways to do this, you need to do something yourself
and pages/layout.tsx isn't valid, this would create a page at app.com/layout
tight atlas
what is app/page.tsx then?
It shows jsx but won't log out. Is that server rendered pages?
since it's logging to the server, I'm assuming that's what it means? What will the pages directory be then?
gaunt pivot
what is `app/page.tsx` then?
the root page (/)
gaunt pivot
this is the old router
gaunt pivot
see the blog post announcing the stable version of the app router: https://nextjs.org/blog/next-13-4#nextjs-app-router
