Building mobile apps or SPAs that need WordPress content? REST API serves your posts as JSON for any frontend.
// Fetch WordPress posts from React
import React, { useState, useEffect } from 'react';
function WordPressPosts() {
const [posts, setPosts] = useState([]);
const [loading, setLoading] = useState(true);
useEffect(() => {
fetchPosts();
}, []);
const fetchPosts = async () => {
try {
const response = await fetch(
'https://your-wordpress-site.com/wp-json/wp/v2/posts?_embed&per_page=10'
);
if (!response.ok) {
throw new Error('Failed to fetch posts');
}
const data = await response.json();
setPosts(data);
} catch (error) {
console.error('Error:', error);
} finally {
setLoading(false);
}
};
if (loading) return Loading...;
return (
{posts.map(post => (
{post.title.rendered}
{post._embedded && post._embedded['wp:featuredmedia'] && (
)}
Read More
))}
);
}
// Advanced: Custom endpoints
fetch('https://site.com/wp-json/wp/v2/posts?categories=5&tags=12')
fetch('https://site.com/wp-json/wp/v2/posts?search=keyword')
fetch('https://site.com/wp-json/wp/v2/posts?order=desc&orderby=date')
fetch('https://site.com/wp-json/wp/v2/users/1/posts')