feat(blog): implement new blog layout, custom card component, and markdown data pipeline#139
feat(blog): implement new blog layout, custom card component, and markdown data pipeline#139moshams272 wants to merge 6 commits into
Conversation
…dd blog markdown files
| @@ -0,0 +1,229 @@ | |||
| --- | |||
| title: Webpack 5.105 | |||
| sort: 20260203 | |||
There was a problem hiding this comment.
Since we're already making changes, we should remove the sort metadata. We already have dates in the filename, and we could introduce a date metadata field (or something similar) so authors don't have to rename a blog post every time the publication date changes, which is pretty common here.
That said, we should still support the existing option of deriving the date from the filename.
There was a problem hiding this comment.
I think explicitly putting the publish date is fine, so that the path can really be anything, similar to Node.js, e.g. https://nodejs.org/en/blog/vulnerability/june-2026-security-releases
| --- | ||
| title: Webpack 5.105 | ||
| sort: 20260203 | ||
| contributors: | ||
| - bjohansebas | ||
| --- | ||
|
|
||
| # Webpack 5.105 |
There was a problem hiding this comment.
| --- | |
| title: Webpack 5.105 | |
| sort: 20260203 | |
| contributors: | |
| - bjohansebas | |
| --- | |
| # Webpack 5.105 | |
| --- | |
| published: 20260203 | |
| authors: | |
| - bjohansebas | |
| --- | |
| # Webpack 5.105 |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
There was a problem hiding this comment.
Can we split this into a few different files to make things clearer, such as:
Blog/PostCardBlog/Cover(the post image)Blog/Byline(the author info)
3 participants
Summary
1. Data Pipeline (
scripts/data/blogs.mjs)# H1tags to prevent the Orama indexer from dropping blog pages.Overviewlink in the generatedsite.json.2. UI Components & Layout
BlogCard: Uses a Stretched Link to make the whole card clickable while safely supporting nested GitHub avatar links. Includes a Webpack diamond hover effect.BlogLayout: Wraps the blog grid insidePartialArticleto preserve the global Sidebar and Navbar.3. Navigation (
pages/site.mjs)blogs/site.jsoninto the root sidebar config to enable correct navigation across/blogs/*paths.Related issue: #101