HiveAuthorPostList

Display top-level posts authored by a specific Hive account, with optional client-side tag filter and cursor-based Prev/Next pagination.

Uses bridge.get_account_posts

Fetches top-level posts from the Hive blockchain via the Bridge API for a specific account (sort is fixed to "posts"). Use the tag prop to additionally filter by a Hive tag (client-side filter on the returned page). Requires a HiveProvider wrapper.

Usage

import { HiveAuthorPostList } from "@hiveio/honeycomb-solid";

function AuthorBlog() {
  return <HiveAuthorPostList account="hiveio" />;
}

Preview

Welcome to Hive - Getting Started Guide

@hiveio

312 87$124.50

Hive Improvement Proposals: How They Work

@hiveio

198 42$58.20

Building on Hive: Developer Resources

@hiveio

156 34$41.75

Page 1

Props

Prop	Type	Default	Description
`account`	`string`	required	Hive account name to fetch posts for
`tag`	`string`	-	Optional client-side tag filter applied to the returned page
`limit`	`number`	`20`	Posts per page (see Pagination note below)
`pinned_posts`	`AccountPost[]`	-	Full `AccountPost` objects rendered above the list. Unlike `HivePostList`, no extra fetch is performed.
`variant`	`"card" \| "compact" \| "grid"`	`"compact"`	Layout variant for post items
`hide`	`("author" \| "thumbnail" \| "payout" \| "votes" \| "comments" \| "time")[]`	`[]`	Elements to hide from post cards
`linkTarget`	`string`	`"https://blog.openhive.network"`	Base URL for post links. Only `http(s)://` and root-relative paths are accepted; invalid values fall back to the default.
`class`	`string`	-	Additional CSS classes applied to the wrapper
`api_endpoint`	`string`	from HiveProvider	Override the API endpoint for this component instance

Pagination behavior

The first page returns up to limit posts. Subsequent pages return up to min(limit, 19) posts because bridge.get_account_posts consumes one slot for the cursor (start_author / start_permlink). This is an upstream Hive API constraint, not a component limitation.

Tag filter

Combine account with tag to show only posts of that author tagged with a specific Hive tag. The filter is applied client-side to the returned page.

import { HiveAuthorPostList } from "@hiveio/honeycomb-solid";

// Filter posts by an author and a specific tag.
function HiveDevPosts() {
  return (
    <HiveAuthorPostList
      account="hiveio"
      tag="hivedev"
    />
  );
}

Pinned posts

Unlike HivePostList (which accepts { author, permlink } and refetches each pinned post), HiveAuthorPostList expects full AccountPost objects so pinned posts can be rendered without an extra API call (avoiding N+1 fetches).

import { HiveAuthorPostList } from "@hiveio/honeycomb-solid";
import type { AccountPost } from "@hiveio/honeycomb-core";

// Unlike HivePostList, pinned posts here are full AccountPost objects
// (no extra fetch — rendered directly).
const pinned: AccountPost[] = [
  /* full AccountPost objects from a previous fetch */
];

function PinnedAuthorFeed() {
  return (
    <HiveAuthorPostList
      account="hiveio"
      pinned_posts={pinned}
    />
  );
}

useHiveAuthorPostList Hook

For full control, use the useHiveAuthorPostList hook directly. It returns posts, loading state, and cursor-based pagination controls.

Return values

Property	Type	Description
`posts`	`AccountPost[]`	Current page of posts authored by `account`
`is_loading`	`boolean`	Whether data is being fetched
`error`	`Error \| null`	Fetch error, if any
`page`	`number`	Current page number (1-based)
`has_prev` / `has_next`	`boolean`	Whether previous/next page exists
`prev_page` / `next_page`	`() => void`	Navigate to previous/next page

Example

import { useHiveAuthorPostList } from "@hiveio/honeycomb-solid";
import { Show, For } from "solid-js";

function CustomAuthorFeed() {
  const feed = useHiveAuthorPostList({
    account: "hiveio",
    limit: 10,
  });

  return (
    <Show when={!feed.is_loading()} fallback={<p>Loading...</p>}>
      <Show when={!feed.error()} fallback={<p>Error: {feed.error()?.message}</p>}>
        <div>
          <p>Page {feed.page()}</p>
          <ul>
            <For each={feed.posts()}>
              {(p) => <li>{p.title}</li>}
            </For>
          </ul>
          <button onClick={feed.prev_page} disabled={!feed.has_prev()}>Prev</button>
          <button onClick={feed.next_page} disabled={!feed.has_next()}>Next</button>
        </div>
      </Show>
    </Show>
  );
}

Post List Content Renderer