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 on blogs.abdulloyev.uz

• 📰 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

• 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

• @abucoders

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

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