search

10up / headstartwp

Build a headless website fast with WordPress, the world’s most popular CMS, and Next.js, the most popular React framework. A free and open source solution by the experts at 10up.
https://headstartwp.10up.com
160 stars 17 forks source link

Routing with Permalinks set to /blog/%postname%/ #851

Open sambrodie opened 2 months ago

sambrodie commented 2 months ago

Describe the bug

Pages Router

In the pages router, when permalinks are set to /blog/[slug], a post url will load the Archive component in BlogPage in blog/[[…path]].tsx. When permalinks are set to /news/[slug], a post url will load the SinglePostsPage in […path].tsx.

App Router

In the app router, when permalinks are set to /blog/[slug], a post url will try to load BlogPage in blog/[[…path]]/page.tsx, but will produce an error:

Error: Neither single or archive returned data: Post

When permalinks are set to /news/[slug], a post url will load Single in (single)/[…path]/page.tsx.

Blog Categories

This setup also makes it so that when permalinks are set to something like /news/[slug] or /blog/[slug], the category pages still show at /category/[slug] instead of /news/category/[slug].

How do we want Headstart to support different permalink structures?

Steps to Reproduce

See above

Screenshots, screen recording, code snippet

No response

Environment information

No response

WordPress information

No response

Code of Conduct