Does this project help with multi page support with routing?

[tejasbenibagde]

I want to make a Multitenant Saas app, so I will need multiple pages with multiple routes, I am thinking of using this library, but I don't know if it has the inbuilt ruting support for such an app or will I have to make it myself. I am just curious.

[FedericoBonel]

Hi @tejasbenibagde!

Puck is unopinionated on this, it’s just a React component you can use to build pages by dragging and dropping your own components. In other words, it’s just the visual editor, you decide how to structure the rest of your app.

One common approach to achieve multi page editing (used in our Next.js recipe) is to capture any URL followed by /edit and launch the editor with any saved data for that specific URL/slug/path. For example, navigating to /home/edit would open the editor for the page at /home.

How you implement this depends on your framework. For example, in Next.js, you could use catch-all segments. This is exactly how it's done in our Next.js recipe.

But that’s just one option. You could also build an admin dashboard that fetches all your saved pages and lists them at a route like /admin/pages. Then, users could click a page in that list and navigate to /admin/pages/[pageId]/editor to edit it. Or you can handle it in any other way that fits your app, Puck gives you full flexibility on that.