https://github.com/md-azad/doc-protocol
A blog website developed with Next.js. In addition, I used mdx for document management.
https://github.com/md-azad/doc-protocol
mdx nextjs14 tailwind-css
Last synced: 4 months ago
JSON representation
A blog website developed with Next.js. In addition, I used mdx for document management.
- Host: GitHub
- URL: https://github.com/md-azad/doc-protocol
- Owner: Md-Azad
- Created: 2024-04-04T02:20:48.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-02-05T03:43:05.000Z (over 1 year ago)
- Last Synced: 2025-02-05T04:20:53.555Z (over 1 year ago)
- Topics: mdx, nextjs14, tailwind-css
- Language: JavaScript
- Homepage: https://doc-protocol.vercel.app
- Size: 231 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📝 Doc Protocol
## 📌 Introduction
This is a **modern blog website** built with **Next.js 14**, allowing users to read blogs, navigate between blogs by **topic, author, and category**, and enjoy a smooth browsing experience.
---
## 🚀 Features
✅ Built with **Next.js 14** for fast performance
✅ Dynamic **blog pages** with seamless navigation
✅ search blogs by **topic, author, and category**
✅ Fully **responsive design** for all devices
✅ **SEO-friendly** structure for better search engine ranking
✅ **Server-side rendering (SSR)** and **static site generation (SSG)** for better performance
---
## 🛠️ Tech Stack
- **Frontend:** Next.js 14, React
- **Styling:** Tailwind CSS
---
## ⚙️ Installation
1️⃣ **Clone the repository:**
```bash
git clone https://github.com/your-repo/doc-protocol.git
cd doc-protocol
```
---
📚 Usage
- Read Blogs: Browse and read blogs from various authors.
- Navigate by Category: Click on a category to see related blogs.
- Filter by topic: Find all blogs written by a specific author.
- Search Blogs: Easily search for blogs by keywords.
## 📦 Dependencies
This project uses the following dependencies:
- `@tailwindcss/aspect-ratio`
- `@tailwindcss/typography`
- `gray-matter`
- `next`
- `react`
- `react-dom`
- `remark`
- `remark-html`