Personal Developer Site (namikofficial.github.io)

Static-first, production-ready personal site built with Vite + React + TypeScript and deployed to GitHub Pages.

What to replace before going live

• src/App.tsx: all strings marked [Replace: ...]
• index.html: SEO title, description, Open Graph tags, Twitter tags
• public/og-image.svg: social preview image content
• Contact and social URLs in src/App.tsx

Local development

npm install
npm run dev

Production build

npm run build
npm run preview

Deploy to GitHub Pages

This repo includes .github/workflows/deploy-pages.yml and deploys on every push to main.

1. Push to main.
2. In GitHub repo settings, ensure Pages source is GitHub Actions.
3. Wait for the workflow to finish.

Folder structure

.
├── .github/
│   └── workflows/
│       └── deploy-pages.yml
├── public/
│   ├── favicon.svg
│   └── og-image.svg
├── src/
│   ├── App.tsx
│   ├── App.css
│   ├── index.css
│   └── main.tsx
├── index.html
├── vite.config.ts
├── package.json
└── README.md