nuxt-x-marketing
BlogNavigation
Previous/next post navigation bar with titles and directional arrows.
BlogNavigation
A two-column previous/next navigation bar with post titles. Supports Nuxt Content _path or standard slug routing.
Components
<XMarkBlogNavigation />
A two-column previous/next navigation bar with post titles. Supports Nuxt Content _path or standard slug routing.
<XMarkBlogNavigation
:previous="{ title: 'Deploying to Vercel', slug: 'deploying-to-vercel' }"
:next="{ title: 'Edge Functions Deep Dive', slug: 'edge-functions' }"
base-path="/blog"
previous-label="Previous Article"
next-label="Next Article"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
previous | Object | null | Previous post { title, slug } or { title, _path } |
next | Object | null | Next post { title, slug } or { title, _path } |
basePath | String | '/blog' | Base URL path for slug-based routing |
previousLabel | String | 'Previous' | Label above previous post title |
nextLabel | String | 'Next' | Label above next post title |
AI Context
category: Blog
package: "@xenterprises/nuxt-x-marketing"
components:
- XMarkBlogNavigation
use-when: >
Adding prev/next post navigation at the bottom of a blog post detail page.
Embedded automatically in XMarkBlogDetail, but can also be used standalone.
typical-page-section: Bottom of blog post detail page, after the article content.