Getting Started

Installation

pnpm add @atomic-solutions/react-wordpress

Setup

Wrap your app with WordPressProvider:

import { WordPressProvider } from '@atomic-solutions/react-wordpress'

function App() {
  return (
    <WordPressProvider baseURL="https://your-site.com/wp-json">
      {/* your app */}
    </WordPressProvider>
  )
}

Fetch posts

import { usePosts } from '@atomic-solutions/react-wordpress'

function BlogList() {
  const { data, isLoading, error } = usePosts({ per_page: 10 })

  if (isLoading) return <div>Loading…</div>
  if (error) return <div>Error: {error.message}</div>

  return (
    <ul>
      {data?.data.map(post => (
        <li key={post.id}>{post.title.rendered}</li>
      ))}
    </ul>
  )
}

Next steps

See the API Reference for all available hooks.