My Portfolio Site

This is my personal portfolio site, featuring a blog, project showcase, and a contact form with email notifications.

Features

• MDX and Markdown blog posts
• SEO optimization (sitemap, robots, JSON-LD schema)
• RSS Feed
• Dynamic OG images
• Syntax highlighting
• Tailwind CSS v4 – official upgrade guide and docs
• Vercel Speed Insights / Web Analytics – built‑in performance and analytics in Vercel
• Geist font – Vercel’s official typeface
• Motion Animations – smooth animations with Motion.dev
• Shadcn Components – Tailwind + React component library
• Fully functioning contact form powered by Resend with reCAPTCHA verification

Tech Stack

• Next.js (App Router)
• Tailwind CSS v4
• Shadcn UI
• Resend email delivery
• Motion.dev for animations
• Vercel deployment and analytics

Demo

View Live Site

Installation

Clone the repository and install dependencies:

git clone https://github.com/zodakzach/portfolio-site.git
cd portfolio-site
npm install

Running Locally

Start the development server:

npm run dev

Open http://localhost:3000 in your browser.

Building for Production

To build and start the app in production mode:

npm run build
npm start

Deployment

This site is deployed with Vercel. For more details, see the Next.js deployment documentation.

---

Thank you for checking out my portfolio site!