https://github.com/keihanaf/blog-graphql-cms
Blogify is a modern blog platform built with React and GraphQL, leveraging Hygraph as a headless CMS. It offers a sleek, responsive design, real-time comments, and dynamic content management, providing an engaging user experience across all devices.
https://github.com/keihanaf/blog-graphql-cms
apollographql graphql hygraph javascript mui-material reactjs vite
Last synced: about 1 month ago
JSON representation
Blogify is a modern blog platform built with React and GraphQL, leveraging Hygraph as a headless CMS. It offers a sleek, responsive design, real-time comments, and dynamic content management, providing an engaging user experience across all devices.
- Host: GitHub
- URL: https://github.com/keihanaf/blog-graphql-cms
- Owner: keihanaf
- Created: 2024-11-29T09:03:58.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-29T09:21:07.000Z (over 1 year ago)
- Last Synced: 2025-02-09T06:44:19.263Z (over 1 year ago)
- Topics: apollographql, graphql, hygraph, javascript, mui-material, reactjs, vite
- Language: JavaScript
- Homepage: https://blog-graph-ql-cms.vercel.app
- Size: 59.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
🚀 Blogify
A Modern Blog Platform Built with React, GraphQL, and Hygraph CMS
View Blogify App
## ✨ Features
- 🎨 **Modern Design** - Sleek, responsive interface built with Material UI
- 🚀 **Lightning Fast** - Optimized performance with Vite and React
- 📱 **Fully Responsive** - Perfect experience across all devices
- 🔍 **Dynamic Content** - Powered by Hygraph CMS and GraphQL
- 💬 **Interactive Comments** - Real-time comment system
- 👥 **Author Profiles** - Dedicated author pages with bios
- 🌙 **Smooth Animations** - Enhanced UX with fluid transitions
- ⚡ **Optimized Performance** - Fast loading and rendering
## 🖥️ Tech Stack
### Frontend
- **React** - UI Framework
- **Material UI** - Component Library
- **Apollo Client** - GraphQL Client
- **React Router** - Navigation
- **Vite** - Build Tool
### Backend
- **Hygraph** - Headless CMS
- **GraphQL** - API Query Language
## 📦 Installation
1. **Clone the repository**
```bash
git clone https://github.com/keihanaf/Blog-graphQL-CMS.git
cd Blog-graphQL-CMS
```
2. **Install dependencies**
```bash
npm install
```
3. **Set up environment variables**
```bash
# Create a .env file and add:
VITE_GRAPHQL_URI=your_hygraph_endpoint
```
4. **Start the development server**
```bash
npm run dev
```
## 🌟 Acknowledgments
- [Hygraph](https://hygraph.com/) for providing an excellent GraphQL CMS
- [Material UI](https://mui.com/) for the beautiful component library
- [Apollo GraphQL](https://www.apollographql.com/) for the powerful GraphQL client
---
## Languages and Tools
Built with ❤️ using React, GraphQL, and Hygraph CMS
⭐ Star us on GitHub •
📫 Report Bug •
✨ Request Feature