NextJS Portfolio Site

My personal site created with NextJS and MDX

Next.js

Velite

MDX

Resend

Portfolio Overview

Welcome to my personal portfolio site, crafted with Next.js and deployed on Vercel. This site leverages Next.js API routes to handle server-side logic, eliminating the need for an additional backend server and simplifying tasks like database connections. I've integrated a lightweight, custom CMS solution using MDX and Velite, and Resend provides robust email support for the contact form.

Tech Stack

In building this site, I chose Next.js based on my previous project experience. Instead of opting for a full-fledged CMS, I crafted a custom solution that allows me to manage content directly within the project using MDX and Velite.

My goal was to launch quickly and efficiently, so I utilized the popular Shadcn/ui library for components and Tailwind CSS for styling blog posts and enhancing overall aesthetics.

Next.js – Frontend framework
MDX – Combines JSX with Markdown for blog and project posts
Velite – Handles MDX conversion and asset file processing
Shadcn/ui – UI component library
Tailwind CSS – Provides styling and typography
Resend – Manages email support for the contact form
Vercel – Hosting platform

Features

Next.js API Routes: Efficient API layer without a separate backend
Dark Theme Support: User-friendly dark mode interface
Contact Form: Easy communication via email
MDX Support: Enhanced blog post creation with JSX and Markdown

Future Development

I am committed to continually enhancing and optimizing the site for performance and SEO. Expect regular updates with new posts and projects as I explore and document my work.