Skip to content

README.md

Latest commit

 

History

History
109 lines (84 loc) · 4.16 KB

README.md

File metadata and controls

109 lines (84 loc) · 4.16 KB
Logo

Next.js 16 Portfolio & Blog

A high-performance, developer-focused portfolio and blog built with the bleeding edge of the React ecosystem.

View Live Demo

Report Bug · Request Feature

Next.js React TypeScript Tailwind CSS


Preview

🚀 About The Project

This project is a modern, production-ready portfolio and blog engine designed to showcase technical skills and content with exceptional performance. It leverages the latest features of Next.js 16 (App Router, Server Actions) and React 19 to deliver a seamless user experience.

Key features include:

  • Dynamic MDX Blog Engine: Write content in Markdown/MDX with fully custom components and syntax highlighting.
  • High Performance: Optimized with next/image, zero-CLS layout shift protections, and efficient scroll handling.
  • SEO Optimized: Dynamic metadata, OpenGraph images, sitemap generation, and JSON-LD structured data.
  • Beautiful UI/UX: Dark mode support, glassmorphism effects, and smooth framer-motion-like animations using Tailwind.
  • Robust Engineering: Strict TypeScript, ESLint configuration, and CI/CD pipelines ensuring code quality.

📸 Project Previews

Blog Section Projects Grid
Blog Preview Projects Preview

🛠️ Tech Stack

🚦 Getting Started

To run this project locally, follow these simple steps.

Prerequisites

  • Node.js 18+
  • pnpm (recommended) or npm/yarn

Installation

  1. Clone the repo 
    git clone https://github.com/Abdssamie/nextjs-portfolio-blog.git
  2. Install packages 
    pnpm install
  3. Start the development server 
    pnpm dev

🤝 Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

👤 Contact

Abdessamie

Code built with ❤️ using Next.js & TypeScript.
⚡