How to create archive, category pages

[mehidi258]

I really liked this framework and i would like to use this one for my next project.
I am struggling with handle archive, category pages.
So how i can use these template files inside theme directory and also if i want to custom-page-template then what to do here?

[trevanhetzel]

@mehidi258 Glad you're liking it so far! We are working this week on properly supporting archive and category templates. We'll have a fix and updated documentation soon. For the time being, you could create a catch-all route under /pages inside a directory that matches your permalink structure (category or archives, for example). You might still run into an issue getting data using the getPosts hook, however.

I'll update this issue when the fix for this is merged!

[mehidi258]

@trevanhetzel Thanks!
Glad to know this feature is coming soon!

[trevanhetzel]

@mehidi258 #133 was merged in last week and our getting-started example now has more fleshed out examples of making custom queries and a category page example. There's also now a doc on fetching data with custom queries.

[mehidi258]

Awesome @trevanhetzel Really liked that and also thumbs up for the query part.
Last thing could you please tell me something about custom page template?

[trevanhetzel]

@mehidi258 If you're using a WP theme that has a custom page template, templating in our framework works just like any other page type, following the WP template hierarchy. For instance, it will look for the ID, then slug, then a custom template.

If you're looking to render a template in Next.js based on a route, you can do that by simply creating a .tsx file in the pages directory with the name of the route. This will get hit instead of the [[...page]].tsx catch-all.

If you would rather stick with the catch-all route, you'd need to use something like useRouter and render your custom template inside a conditional that matches the current route.

Hope that helps, but let me know if there are other specific custom page template questions!