https://github.com/sherzodartikbayev/cms-blog
A powerful and user-friendly Content Management System (CMS) for blogging, built with modern web technologies.
https://github.com/sherzodartikbayev/cms-blog
graphql hygraph nextjs reactjs shadcn tailwindcss typescipt
Last synced: about 2 months ago
JSON representation
A powerful and user-friendly Content Management System (CMS) for blogging, built with modern web technologies.
- Host: GitHub
- URL: https://github.com/sherzodartikbayev/cms-blog
- Owner: sherzodartikbayev
- Created: 2025-03-27T11:28:40.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-06T10:38:44.000Z (about 1 year ago)
- Last Synced: 2025-05-16T01:09:29.769Z (about 1 year ago)
- Topics: graphql, hygraph, nextjs, reactjs, shadcn, tailwindcss, typescipt
- Language: TypeScript
- Homepage: https://cms-blog-vert-six.vercel.app
- Size: 938 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
CMS Blog Application
# 🌐 Live Demo
Check out the live demo: [Blog](https://cms-blog-vert-six.vercel.app/)
# 🚀 Technologies Used
- **Next.js**
- **TypeScript**
- **Tailwind CSS**
- **Shadcn-ui**
- **Hygraph**
- **GraphQL**
# ✨ Features
- ✅ Dynamic Blog Posts – All posts are managed dynamically via Hygraph CMS
- 📝 Rich Content Support – Supports markdown, images, formatted text, and code snippets
- 🔍 Post Detail Page – Each blog post has a dedicated and well-structured page
- 📅 Auto-generated Slugs – Clean and SEO-friendly URLs based on post titles
- 📱 Responsive Design – Fully responsive layout across all screen sizes
- 🎨 Shadcn UI Integration – Beautiful and modern UI components built-in
- 🚀 Fast Performance – Optimized with Next.js for blazing-fast load times
- 🌙 Dark Mode Ready (optional) – Supports light and dark themes for better UX
- 🔗 SEO Optimized – Includes meta tags and Open Graph support for better visibility
- 🔐 Secure & Scalable – Uses Hygraph and GraphQL for secure data management
- ✍️ Easy Content Management – Create and manage content from the CMS with no code required
# 🛠 Installation
```bash
# Clone the repository
git clone https://github.com/sherzodartikbayev/CMS-Blog.git
```
```bash
# Install dependencies
npm install
```
```bash
# Start the development server
npm run dev
```
# 📄 Environment Variables
```bash
NEXT_PUBLIC_GRAPHCMS_ENDPOINT=your-graphcms-endpoint
NEXT_PUBLIC_TELEGRAM_BOT_API=your-telegram-bot-api-url
NEXT_PUBLIC_TELEGRAM_CHAT_ID=your-telegram-chat-id
NEXT_PUBLIC_BASE_URL=your-site-url
```
# 📸 Screenshots
# 📬 Contact
If you have any questions or suggestions, feel free to reach out:
- GitHub: [sherzodartikbayev](https://github.com/sherzodartikbayev)
- Email: sherzadartikbayev@gmail.com
- Telegram: [sherzod_artikbayev](https://t.me/sherzod_artikbayev)
- LinkedIn: [Sherzod Artikbayev](https://www.linkedin.com/in/sherzod3105/)
- Facebook: [Sherzod Artikbayev](https://www.facebook.com/sherz0dartikbayev)
- Twitter: [Sherzod Artikbayev](https://x.com/SherzadArt74344)