Component: Header
Path: src/components/Header/Header.js
Description: Top application bar with title and actions
WordPress Content Preview
Component: ContentPreview
Path: src/components/ContentPreview/ContentPreview.js
Description: Renders HTML content with dangerouslySetInnerHTML (sanitized)

Getting Started with WordPress

WordPress is an open-source content management system (CMS) that allows you to create and manage websites easily.

WordPress Dashboard

With thousands of themes and plugins available, WordPress provides endless customization possibilities for your website. Whether you're building a simple blog or a complex e-commerce site, WordPress offers the tools you need.

Key Features

Component: MetadataPanel
Path: src/components/MetadataPanel/MetadataPanel.js
Description: Displays post metadata including author, dates, and taxonomy
TITLE
Getting Started with WordPress
AUTHOR
Alex Johnson
DATES
Published: May 15, 2023 | Updated: June 2, 2023
SLUG & ID
getting-started-wordpress (ID: 124)
CATEGORIES
Tutorials, CMS Guides
TAGS
WordPress Beginner Tutorial CMS
Component: JsonViewer
Path: src/components/JsonViewer/JsonViewer.js
Description: Collapsible raw JSON viewer with copy functionality
Raw Post Data (JSON)
{ "id": 124, "title": "Getting Started with WordPress", "slug": "getting-started-wordpress", "author": { "id": 5, "name": "Alex Johnson", "email": "alex@example.com" }, "content": "

WordPress is an open-source content management system...

", "excerpt": "Learn the basics of WordPress and how to get started...", "date": "2023-05-15T14:30:00Z", "modified": "2023-06-02T09:15:00Z", "status": "publish", "categories": ["Tutorials", "CMS Guides"], "tags": ["WordPress", "Beginner", "Tutorial", "CMS"], "featured_media": 45, "meta": { "description": "Complete guide for WordPress beginners", "keywords": "WordPress, tutorial, CMS, beginners" } }

Component List

Header → src/components/Header/Header.js
Top application bar with title and actions
Sidebar → src/components/Sidebar/Sidebar.js
Searchable list of WordPress posts/pages
ContentPreview → src/components/ContentPreview/ContentPreview.js
Renders HTML content with dangerouslySetInnerHTML (sanitized)
MetadataPanel → src/components/MetadataPanel/MetadataPanel.js
Displays post metadata including author, dates, and taxonomy
JsonViewer → src/components/JsonViewer/JsonViewer.js
Collapsible raw JSON viewer with copy functionality
MediaProxy → src/components/MediaProxy/MediaProxy.js
Handles media assets with proxying for development
Layout → src/components/Layout/Layout.js
Page layout wrapper for component composition
AppPage → src/pages/AppPage.js
Top-level page that composes all components

Important Developer Notes