A React blog with a main page, blog listing, and individual post pages. Optimized for SEO and GEO (geographic/locale).
npm install
npm run devOpen http://localhost:5173.
npm run build
npm run preview- Main page – Hero and link to blog
- Blog – List of articles with titles, dates, and reading time
- Post pages – Full article view at
/blog/:slug - Navigation – Header with Home and Blog links
- Per-page meta: Unique
<title>and<meta name="description">per route - Open Graph:
og:title,og:description,og:type,og:locale,og:url; article pages includearticle:published_time,article:modified_time,article:author - Canonical URLs: Set per page to avoid duplicate content
- JSON-LD: Schema.org
WebSite,Blog, andBlogPostingfor rich results - Semantic HTML:
<header>,<main>,<nav>,<article>,<footer>,itemScope/itemPropon posts - Locale:
lang="en"on<html>; article-levellocalein meta and JSON-LD - Sitemap:
public/sitemap.xml(replacehttps://example.comwith your domain) - Robots:
public/robots.txtallowing crawlers and pointing to sitemap
Replace https://example.com in public/sitemap.xml and public/robots.txt with your real site URL when deploying.