Dynamic Blog and SEO Metadata

Blog Grid Page
Display all published articles
Show article title, excerpt, image/date if needed
Link each article to its own clean URL slug
Individual Article Pages
Create clean article URLs like /blog/article-slug
PHP will catch the request
PHP will fetch the article data from the database using the slug
PHP will inject the dynamic SEO data directly into the HTML source before serving the page
React can then handle the frontend article UI after the initial page is served
SEO Metadata
Each article will have its own:
Meta title
Meta description
H1
Canonical URL
Open Graph title
Open Graph description
Open Graph image if required
Admin Interface
The admin panel will include:
Secure admin access/login
Add new article
Edit existing article
Delete or unpublish article
Fields for Article Title/H1, URL Slug, Meta Title, Meta Description, and Content
Basic validation for required fields
Slug uniqueness check to avoid duplicate URLs
Rich text or HTML content input depending on the preferred setup
Dynamic Sitemap
Generate sitemap.xml dynamically from the database
Include all published article URLs
Add last updated date where available
Exclude drafts/unpublished articles
Make sure the sitemap is accessible for search engines

Also for the Admin and Frontend:
1. Image Upload: The admin panel should include a file upload field to upload a main image for the article.
2. Navigation: The new blog and article pages need to include our standard header/menu and footer so users can easily navigate back to the homepage.