Mark Asaad's Portfolio

Overview

This portfolio website serves as a personal hub for game developer Mark Asaad, showcasing his work, projects, and technical expertise. It features a dedicated blog section where he shares insights on game development, networking, and hardware projects, along with a project showcase highlighting his past and ongoing developments. The website follows a dark-themed, modern design with a focus on readability and user experience, making it a great resource for both potential clients and fellow developers.

Technologies Used

- Framework & Development: Built with Next.js for server-side rendering, optimized performance, and seamless navigation.

- Styling & UI: Styled using Tailwind CSS, providing a sleek, responsive, and easily customizable interface.

- Markdown & Content Rendering: Uses next-mdx-remote for dynamic blog content, allowing for enhanced formatting and integration of interactive elements.

- SEO & Sitemap Generation: next-sitemap is used to generate sitemaps automatically, improving search engine visibility.

- Code Highlighting & Readability: The blog supports syntax highlighting with highlight.js, making technical articles easier to read.

- Social Media & Engagement: Integrated with react-tweet for embedding tweets and @giscus/react for enabling GitHub-based discussions on blog posts.

- Analytics: @vercel/analytics is used for tracking visitor engagement and optimizing performance.

- Image Optimization: Utilizes sharp for image processing and react-image-gallery for displaying visual content effectively.