Loading repository data…
Loading repository data…
MrAkbari91 / repository
A modern blog frontend built with Next.js 14, TypeScript, Tailwind CSS and Bun. integrates with the WordPress REST API. Features SEO‑optimization, responsive design, light/dark mode, theme toggle, and robust error handling
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
Here is a beautified, markdown-optimized version of your project README with improved formatting, consistent spacing, clearer section separation, and polished typography — all while preserving your original content:
A modern, production-ready blog frontend built with Next.js 14, TypeScript, and Tailwind CSS, seamlessly integrated with the WordPress REST API.
✨ Features include SEO optimization, responsive design, dark/light theme support, and robust error handling.
.
├── app/ # App Router pages (home, blog, etc.)
│ └── page.tsx # Home page with hero, latest posts, categories
├── components/ # Reusable UI and feature components
│ ├── blog-card.tsx # BlogCard component
│ ├── loading-skeleton.tsx # Loading skeletons
│ ├── ui/ # UI primitives (button, card, etc.)
├── hooks/ # Custom React hooks
├── lib/ # API wrappers and utilities
│ └── wordpress-api.ts # WordPress API integration
├── public/ # Static assets
├── styles/ # Tailwind and global CSS
├── types/ # TypeScript types
├── next.config.mjs # Next.js configuration
├── tailwind.config.ts # Tailwind configuration
├── postcss.config.mjs # PostCSS configuration
├── package.json # Dependencies and scripts
└── ...
/) – Hero, latest posts, top categories/blog) – All posts with filtering + pagination/category/[slug]) – Category-specific posts/blog/[slug]) – Full content with related posts/author/[slug]) – Author bio and their posts/categories) – All categories list✅ SEO Optimized
Dynamic metadata, Open Graph tags, JSON-LD
✅ Responsive Design
Tailwind’s mobile-first approach
✅ Image Optimization
Next.js Image with lazy loading and sizing
✅ Accessibility
Semantic HTML, keyboard nav, ARIA labels
✅ Performance
Server Components, dynamic imports, caching
✅ Robust Error Handling
Fallbacks when API data is missing
lib/wordpress-api.tsCreate a .env.local in the root directory:
NEXT_PUBLIC_WORDPRESS_API_URL=https://your-wordpress-site.com/wp-json/wp/v2
Clone the repository:
git clone https://github.com/mrakbari91/your-repo.git
cd your-repo
Install dependencies:
npm install
# or
bun install
Setup environment variables:
cp .env.local.example .env.local
# Then edit .env.local
Start the development server:
npm run dev
# or
bun run dev
Open http://localhost:3000 in your browser.
Build for production:
npm run build
npm start
| Area | Location |
|---|---|
| Tailwind Theme | tailwind.config.ts |
| Global Styles | styles/globals.css |
| UI Components | components/ui/ |
| API Logic | lib/wordpress-api.ts |
| Data Types | types/ |
app/page.tsx)BlogCardWordPressAPI© 2025 Dhruv Akbari — All rights reserved.
Would you like this as a downloadable README.md file or need help deploying it to Vercel, Netlify, etc.?