21mebrat/ethiopian-heritage-blog
Type de record:
software
Créateur:
21m
Hôte:
Ethiopain heritage face
# 🇪🇹 Ethiopian Heritage Blog
A high-performance, modern blogging platform dedicated to preserving and celebrating Ethiopian culture, history, and heritage. Built with **Next.js 16**, **TypeScript**, and **Tailwind CSS**, featuring a professional magazine-style design and robust containerized deployment.
---
## ✨ Features
- **🏛️ Heritage-Centric Design**: A premium UI inspired by historical aesthetics combined with modern UX principles.
- **🖋️ Rich Text Editor**: Powered by **TipTap**, supporting YouTube embeds, images, custom styling, and media alignment.
- **🚀 Optimized Performance**: Implements Next.js **Output Standalone** mode for lightning-fast cold starts and minimal Docker image size (~120MB).
- **🌓 Responsive Layout**: Seamless experience across mobile, tablet, and desktop with parallel & intercepting routing.
- **🛡️ Secure API**: Built-in authentication using JWT and secure database interactions with Mongoose.
- **☁️ Media Management**: Fully integrated with **Cloudinary** for optimized image delivery.
---
## 🛠️ Tech Stack
- **Framework**: Next.js 15 (App Router)
- **Language**: TypeScript
- **Styling**: Tailwind CSS 4, Framer Motion
- **Database**: MongoDB (via Mongoose)
- **Components**: Radix UI (Base UI), Lucide Icons
- **Editor**: TipTap (Rich Text Ecosystem)
- **Deployment**: Docker (Multi-stage builds)
---
## 🚀 Getting Started
### 1. Clone the repository
```bash
git clone github.com
cd ethiopian-heritage-blog
```
### 2. Install dependencies
```bash
npm install
```
### 3. Configure Environment Variables
Create a `.env` file in the root directory:
```env
MONGODB_URI=your_mongodb_connection_string
JWT_SECRET=your_super_secret_key
CLOUDINARY_CLOUD_NAME=your_name
CLOUDINARY_API_KEY=your_key
CLOUDINARY_API_SECRET=your_secret
```
### 4. Run Development Server
```bash
npm run dev
```
---
## 🐳 Docker Deployment
This project is optimized for production using Docker standalone mode.
### Local B …