📝 Personal Blog Platform

A modern, fast, and responsive blog platform built with Next.js 15 for sharing articles, tutorials, and thoughts. It supports Markdown rendering, rich typography, and a smooth reading experience.

🚀 Live Demo

• 👉 Live on blogs.abdulloyev.uz

⚙️ Features

• 📰 Dynamic Blog Pages – Automatic blog page generation from data

• ✍️ Markdown + HTML Support with html-react-parser

• 🖋 Rich Typography powered by tailwindcss-typography

• 🎨 Modern UI with Shadcn UI + TailwindCSS

• 🌙 Dark Mode with next-themes

• 📡 GraphQL API integration via graphql-request

• 📅 Date formatting using date-fns

• 📈 Top Loader Progress Bar for route changes

• ⚡ Built with Next.js 15 + Turbopack

🛠 Tech Stack

• Frontend: Next.js 15, TypeScript, TailwindCSS, Shadcn UI

• Styling: TailwindCSS Typography

• Data Layer: GraphQL + graphql-request

• Form Handling: React Hook Form

• Utilities: Lodash, date-fns

• UI/UX Enhancements: next-themes, nextjs-toploader

👤 Authors

• @abucoders

🧑‍💻 Getting Started

Clone the project

  git clone https://github.com/abucoders/coders-blog.git

Go to the project directory

  cd coders-blog

Install dependencies

  npm install

Start the server

  npm run dev

🔐 Environment Variables

To run this project, you will need to add the following environment variables to your .env or .env.local file

NEXT_PUBLIC_GRAPHCMS_ENDPOINT = https://eu-west-2.cdn.hygraph.com/content/....

NEXT_PUBLIC_TELEGRAM_BOT_API = 7495069756:AAGXQSeJD5NDcz79xT20jV5WD9pkevGwEp0

NEXT_PUBLIC_TELEGRAM_CHAT_ID = 6133573095

NEXT_PUBLIC_BASE_URL = http://localhost:3000