Getting Error on Pagination Blog Post

[BayuAngora]

Dear All

I have this inside my "content" folder ->

• /about/ = it's just a single page.
• /art/ = it's just a single page.
• /blog/ = it's all my blog posts.
• /quote/ = it's all my quote posts.

For "/art/" and "/about/" is show up perfectly because it's just a single page without any section or pagination.

But for "/blog/" and "/quote/" can't show up and getting error after I configure several ways according to Eleventy docs.

In Hugo I can configure it on my "list" layout with this code ->

How to configure it on my Eleventy?

Repo:
https://github.com/BayuAngora/11ty/

Thanks

[pdehaan]

What's the error you're seeing locally? I cloned and ran npm run build and it says "Copied 6 files / Wrote 29 files in 0.10 seconds"

npm run build

> build
> npx @11ty/eleventy
[11ty] Writing _site/404/index.html from ./404.html (liquid)
[11ty] Writing _site/index.html from ./index.html (liquid)
[11ty] Writing _site/readme/index.html from ./readme.md (liquid)
[11ty] Writing _site/content/quote/fourth-quote/index.html from ./content/quote/fourth-quote.md (liquid)
[11ty] Writing _site/blog/2/index.html from ./content/blog.md (liquid)
[11ty] Writing _site/content/quote/seventh-quote/index.html from ./content/quote/seventh-quote.md (liquid)
[11ty] Writing _site/content/quote/fifth-quote/index.html from ./content/quote/fifth-quote.md (liquid)
[11ty] Writing _site/blog/index.html from ./content/blog.md (liquid)
[11ty] Writing _site/content/quote/eighth-quote/index.html from ./content/quote/eighth-quote.md (liquid)
[11ty] Writing _site/eighth-blog/index.html from ./content/blog/eighth-blog.md (liquid)
[11ty] Writing _site/quote/index.html from ./content/quote/index.md (liquid)
[11ty] Writing _site/undefined/index.html from ./content/blog/index.md (liquid)
[11ty] Writing _site/second-blog/index.html from ./content/blog/second-blog.md (liquid)
[11ty] Writing _site/seventh-blog/index.html from ./content/blog/seventh-blog.md (liquid)
[11ty] Writing _site/content/quote/second-quote/index.html from ./content/quote/second-quote.md (liquid)
[11ty] Writing _site/content/quote/sixth-quote/index.html from ./content/quote/sixth-quote.md (liquid)
[11ty] Writing _site/content/quote/ninth-quote/index.html from ./content/quote/ninth-quote.md (liquid)
[11ty] Writing _site/first-blog/index.html from ./content/blog/first-blog.md (liquid)
[11ty] Writing _site/content/quote/tenth-quote/index.html from ./content/quote/tenth-quote.md (liquid)
[11ty] Writing _site/fourth-blog/index.html from ./content/blog/fourth-blog.md (liquid)
[11ty] Writing _site/tenth-blog/index.html from ./content/blog/tenth-blog.md (liquid)
[11ty] Writing _site/content/quote/third-quote/index.html from ./content/quote/third-quote.md (liquid)
[11ty] Writing _site/fifth-blog/index.html from ./content/blog/fifth-blog.md (liquid)
[11ty] Writing _site/content/quote/first-quote/index.html from ./content/quote/first-quote.md (liquid)
[11ty] Writing _site/ninth-blog/index.html from ./content/blog/ninth-blog.md (liquid)
[11ty] Writing _site/about/index.html from ./content/about/index.md (liquid)
[11ty] Writing _site/third-blog/index.html from ./content/blog/third-blog.md (liquid)
[11ty] Writing _site/sixth-blog/index.html from ./content/blog/sixth-blog.md (liquid)
[11ty] Writing _site/art/index.html from ./content/art/index.md (liquid)
[11ty] Copied 6 files / Wrote 29 files in 0.10 seconds (3.4ms each, v2.0.0)

echo $? # 0

[BayuAngora]

I build via GitHub workflows, not via locally.

Yes, file is copied. But every posts inside "blog" and "quote" are not clickable or paginated.

https://bayuangora.github.io/11ty/blog/

https://bayuangora.github.io/11ty/quote/

[pdehaan]

Ah, OK, if I build locally and look at the output, it looks like you're writing the files to _site/content/blog/tenth-blog/index.html, so your URL is actually https://bayuangora.github.io/11ty/content/blog/tenth-blog/ which works on your GitHub Pages build (or http://localhost:8081/content/blog/tenth-blog/ if you're looking at your local build via npm run build -- --serve).

As for quotes, it looks like it's something similar http://localhost:8081/content/quote/second-quote/index.html or https://bayuangora.github.io/11ty/content/quote/third-quote/.

[BayuAngora]

Thanks for your answer. I will confgure it to straight url without subfolder. But I still curious how to fix my pagination?

[pdehaan]

Not sure. I'm building locally and your pagination is working for me:

npm run build -- --serve

> build
> npx @11ty/eleventy --serve

[11ty] Writing _site/404/index.html from ./404.html (liquid)
[11ty] Writing _site/about/index.html from ./content/about/index.md (liquid)
[11ty] Writing _site/art/index.html from ./content/art/index.md (liquid)
[11ty] Writing _site/blog/2/index.html from ./content/blog.md (liquid)
[11ty] Writing _site/blog/index.html from ./content/blog.md (liquid)
[11ty] Writing _site/content/quote/eighth-quote/index.html from ./content/quote/eighth-quote.md (liquid)
[11ty] Writing _site/content/quote/fifth-quote/index.html from ./content/quote/fifth-quote.md (liquid)
[11ty] Writing _site/content/quote/first-quote/index.html from ./content/quote/first-quote.md (liquid)
[11ty] Writing _site/content/quote/fourth-quote/index.html from ./content/quote/fourth-quote.md (liquid)
[11ty] Writing _site/content/quote/index.html from ./content/quote/index.md (liquid)
[11ty] Writing _site/content/quote/ninth-quote/index.html from ./content/quote/ninth-quote.md (liquid)
[11ty] Writing _site/content/quote/second-quote/index.html from ./content/quote/second-quote.md (liquid)
[11ty] Writing _site/content/quote/seventh-quote/index.html from ./content/quote/seventh-quote.md (liquid)
[11ty] Writing _site/content/quote/sixth-quote/index.html from ./content/quote/sixth-quote.md (liquid)
[11ty] Writing _site/content/quote/tenth-quote/index.html from ./content/quote/tenth-quote.md (liquid)
[11ty] Writing _site/content/quote/third-quote/index.html from ./content/quote/third-quote.md (liquid)
[11ty] Writing _site/eighth-blog/index.html from ./content/blog/eighth-blog.md (liquid)
[11ty] Writing _site/fifth-blog/index.html from ./content/blog/fifth-blog.md (liquid)
[11ty] Writing _site/first-blog/index.html from ./content/blog/first-blog.md (liquid)
[11ty] Writing _site/fourth-blog/index.html from ./content/blog/fourth-blog.md (liquid)
[11ty] Writing _site/index.html from ./index.html (liquid)
[11ty] Writing _site/ninth-blog/index.html from ./content/blog/ninth-blog.md (liquid)
[11ty] Writing _site/quote/2/index.html from ./content/quote.md (liquid)
[11ty] Writing _site/quote/index.html from ./content/quote.md (liquid)
[11ty] Writing _site/readme/index.html from ./readme.md (liquid)
[11ty] Writing _site/second-blog/index.html from ./content/blog/second-blog.md (liquid)
[11ty] Writing _site/seventh-blog/index.html from ./content/blog/seventh-blog.md (liquid)
[11ty] Writing _site/sixth-blog/index.html from ./content/blog/sixth-blog.md (liquid)
[11ty] Writing _site/tenth-blog/index.html from ./content/blog/tenth-blog.md (liquid)
[11ty] Writing _site/third-blog/index.html from ./content/blog/third-blog.md (liquid)
[11ty] Writing _site/undefined/index.html from ./content/blog/index.md (liquid)
[11ty] Copied 5 files / Wrote 31 files in 0.21 seconds (6.8ms each, v2.0.0)
[11ty] Watching…
[11ty] Server at http://localhost:8081/

http://localhost:8081/quote/ shows 6 quotes. If I click on one (and then adjust the URL to go to my local server instead of the GitHub pages deploy) it goes to http://localhost:8081/third-quote/ which 404s. But that is because the file is being written to:

Writing _site/content/quote/third-quote/index.html from ./content/quote/third-quote.md (liquid)

So if I manually navigate to http://localhost:8081/content/quote/third-quote/ then it works, so it's just something not configured with your permalink.
Looks like you are setting the permalink in blog.json, but not in quote.json.

[BayuAngora]

I got it. Thanks for your help.