How to add a second page model successfully?

I’m admittedly new to next.js, so forgive me if this is obvious. I wasn’t able to parse it from the docs

I have the default page model set up fine. I’ve created a separate page model called “Portal” with /portal/ as the path prefix.

But I’m not clear on how to update my code to make this work. I tried creating a […Portal] folder, with a similar page.tsx just with the path changed. I tried changing that to portal.tsx - because, why not. At this point I’m assuming I’m supposed to edit the […page]/page.tsx, but I’m not clear on how to do that.

Any help for a newbie would be greatly appreciated.

Hello Mitch,

After creating a Page model via the Builder UI, you would be free to create new content immediately using your newly created page model by selecting it from the dropdown I’ve circled, below:

Relevant Documentation: Page Models - Builder.io

If this is the workflow you’ve taken and there are still issues, it is possible that the preview URL is not configured correctly. You can make the necessary adjustment by navigating to your edit Model view:
BB2B8845-D754-4B1A-9E47-608177EC9C4D_4_5005_c

=========================================================

If the suggestions above do not resolve the issue, please feel free to reach out to support@builder.io where our Support Specialist will gladly provide further guidance.