404 on server side while loading on client (app directory) | Next.js | Page 1

stray bobcat Dec 18, 2023, 6:14 PM

#

I use the app directory method and I have a folder with a page.ts inside.

The page load when coming from a client transition with Link. But if I try to access directly the page or I refresh it I get a 404.

Here is the repository: https://github.com/clempat/profilePal

Thanks for the help

GitHub

GitHub - clempat/profilePal: Choose your favorites random profile pal.

Choose your favorites random profile pal. Contribute to clempat/profilePal development by creating an account on GitHub.

peak ermineBOT Dec 18, 2023, 6:14 PM

#

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

stray bobcat Dec 18, 2023, 10:03 PM

#

I really don't understand. I even see it when building the application:

coarse geode Dec 18, 2023, 10:10 PM

#

stray bobcat I really don't understand. I even see it when building the application:

I just cloned your repo and it work for me

#

but I had to install @storybook/addon-actions to make it build

stray bobcat Dec 18, 2023, 10:10 PM

#

Ok so it sounds like some cache things

#

oh oups I missed a --save

coarse geode Dec 18, 2023, 10:10 PM

#

oh nm, you not using it

stray bobcat Dec 18, 2023, 10:11 PM

#

Does this work for you too: https://profile-pal-clemp.vercel.app/favorites

ProfilePal

Find your favorite profile pal

coarse geode Dec 18, 2023, 10:11 PM

#

stray bobcat Does this work for you too: https://profile-pal-clemp.vercel.app/favorites

404

stray bobcat Dec 18, 2023, 10:11 PM

#

Ah you see

#

I can access it through the client

#

but not the server

#

This is super weird

#

I wonder if it has something to do with the standalone option

#

Ah no, I deleted it because I asumed it could be the issue 😄

#

This is interesting:

coarse geode Dec 18, 2023, 10:15 PM

#

can you try comment out header in layout.tsx and see if it works

#

look like it works for me

stray bobcat Dec 18, 2023, 10:16 PM

#

Oh it does

coarse geode Dec 18, 2023, 10:16 PM

#

lol

stray bobcat Dec 18, 2023, 10:16 PM

#

Interesting, why

coarse geode Dec 18, 2023, 10:17 PM

#

look like a bug here, but i never had this issue

stray bobcat Dec 18, 2023, 10:17 PM

#

Ok I will open an issue on the github. Thanks for your time

coarse geode Dec 18, 2023, 10:18 PM

#

np

#

maybe the name? can using different name instead of header

stray bobcat Dec 18, 2023, 10:21 PM

#

I try myheader and get the same issue

coarse geode Dec 18, 2023, 10:21 PM

#

oh

stray bobcat Dec 18, 2023, 10:22 PM

#

I guess it concerns only content which are rendered as static. Because the homepage works

coarse geode Dec 18, 2023, 10:23 PM

#

ah I think i know

#

yes it works

#

you should use default.tsx instead of page.tsx for @header

stray bobcat Dec 18, 2023, 10:27 PM

#

Oh my god, You are awesome

#

You saved me extra hours looking into this

#

I did not see that in the documentation, did I miss it?

coarse geode Dec 18, 2023, 10:28 PM

#

https://nextjs.org/docs/app/building-your-application/routing/parallel-routes#unmatched-routes

stray bobcat Dec 18, 2023, 10:29 PM

#

Oh great THANK YOU SOOOO MUCH

coarse geode Dec 18, 2023, 10:29 PM

#

please mark solutions 😀

#404 on server side while loading on client (app directory)