How I Built This Site

This guide walks through how I built and deployed this portfolio using Next.js, GitHub, and Vercel. It’s a simple, repeatable process that goes from a blank folder to a live website quickly.

1. Create the project

npx create-next-app@latest .

2. Run locally

npm run dev

3. Build pages

Edit app/page.tsx and create routes like:

app/projects/automation/page.tsx
app/projects/apps/page.tsx

4. Add media

public/videos/

5. Initialize Git

git init
git add .
git commit -m "initial portfolio"

6. Connect to GitHub

git remote add origin https://github.com/YOUR-USERNAME/my-portfolio.git
git branch -M main

7. Push

git push -u origin main

# if needed
git rebase --abort
git push -u origin main --force

8. Deploy

Import the repo into Vercel and click deploy.

This process can be reused for any future project, not just a portfolio.