Vini Blog 🚀

A personal blog project built with the latest web technologies, focusing on high performance, modern design, and seamless content management.

🛠 Tech Stack

This project is built using the latest versions of modern frameworks and libraries to ensure stability and performance.

Core

• Next.js 15.4 (App Router, Standalone mode)
• React 19
• TypeScript 5
• Tailwind CSS 4

Content & Styling

• MDX: @next/mdx, next-mdx-remote for dynamic content rendering.
• Animations: framer-motion for smooth UI transitions and interactions.
• Syntax Highlighting: prismjs & rehype-highlight for beautiful code snippets.
• Icons: lucide-react for modern, lightweight iconography.

Infrastructure

• Docker: Containerized deployment.
• Jenkins: CI/CD automation.

🚀 Key Features

• Dynamic Routing: Automatic post generation based on MDX files.
• Momentum Scrolling: Custom useMomentumScroll hook for a premium scrolling experience.
• Responsive Design: Mobile-first approach using Tailwind CSS.
• SEO Optimized: Metadata API integration for better search engine visibility.
• CI/CD Ready: Integrated with Jenkins and Docker for automated builds and deployments.

📦 Getting Started

Prerequisites

• Node.js 18+
• npm / yarn / pnpm

Installation

1. Clone the repository:

   git clone https://github.com/VIINIU/vini_blog.git

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

Open http://localhost:3000 with your browser to see the result.