Open solomon71 opened 11 months ago
Create a block that consumes the query-index.json endpoint. https://main--tbx-gtk--solomon71.hlx.page/query-index.json
The idea is to render out the posts on the homepage based on this query-index. Can tap into the .plain.html of each post when iterating and modifying the DOM. i.e. - https://main--tbx-gtk--solomon71.hlx.page/posts/09-21-23-font-loading-strategy-for-reducing-cls-scores.plain.html
Need to determine size of pagination. Need to see best practices on how to invalidate the home page when a new post has been authored.
Adobe Blog ref: https://github.com/adobecom/milo/blob/main/libs/blocks/article-feed/article-feed.js
@kyle-tbx are you able to tackle this one?
Most of the way through it... much more involved than I expected at first glance (based on how adobe blogs is doing it).
Create a block that consumes the query-index.json endpoint. https://main--tbx-gtk--solomon71.hlx.page/query-index.json
The idea is to render out the posts on the homepage based on this query-index. Can tap into the.plain.html of each post when iterating and modifying the DOM. i.e. - https://main--tbx-gtk--solomon71.hlx.page/posts/09-21-23-font-loading-strategy-for-reducing-cls-scores.plain.html
Need to determine size of pagination. Need to see best practices on how to invalidate the home page when a new post has been authored.
Adobe Blog ref: https://github.com/adobecom/milo/blob/main/libs/blocks/article-feed/article-feed.js