#Subdirectory routing does not get the css or the ts/js so the page is plain HTML ex: foo/bar/page.ts

3 messages · Page 1 of 1 (latest)

wheat trench
#

So I'm creating a generic marketing site for a customer and I'm having some issues with subdirectory routing

As far as I'm aware the routing should be as follows.
In the app folder I have a page.tsx

When I want to make a subroute to for ex: localhost:8080/foo/bar, I should create 2 subdirectories.
Foo and Bar. Inside bar I should create a page.tsx and next should handle the routing from there.

You can see in my first screenshot that I have done exactly that with the producten/afsluitingen/page.tsx file.

The problem now is apparent in my second screenshot, IE next routes all requests through producten and so nothing loads correctly anymore

My nextjs is in screenshot number 3.

What am I doing wrong?

image.png image.png image.png
pastel ospreyBOT
#
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)

wheat trench
#

I have fixed this myself but not using the assetprefix anymore..
I also deleted all relative paths and urls but now ofcourse my app just doesnt load correctly on GitHub pages because of the name.github.com/repo-name that is the domain name. NextJS cant go to public or whatever directory now because they all are broken.
I'm off to investigate how to properly deploy this on pages without a custom domain and without relative pathing (or without breaking it at the minimum)