⭐️ If this portfolio template helped you, drop a star! It means a lot and helps others find it too 😊🙏
Modern developer portfolio built with React + Vite — a frontend developer portfolio and fullstack portfolio template you can deploy on GitHub Pages / Vercel / Netlify. Content lives in src/data/site.json (hero, contact, SEO) and src/data/projects.json (featured work). SEO is handled by src/components/Seo.jsx (meta tags + JSON‑LD) and a shipped public/sitemap.xml + public/robots.txt.
Dark theme
Light theme
Skills
Services
Featured projects
PNGs live in docs/readme/ (README only). public/robots.txt ships with the app.
- SEO-ready developer portfolio: canonical URL, OpenGraph/Twitter, JSON‑LD (Person/WebSite/WebPage),
robots.txt,sitemap.xml - Central
site.json: links, hero roles/tagline,seo(title, description, keywords, OG image),siteUrlfor canonical +og:url projects.json+src/assets/screenshots viaprojectImages.jsSeo.jsx: meta tags + JSON-LDPersonindex.html: baseline<head>(keep aligned withsite.json)browserLogger.js: Consola for contact form logs in DevTools- Navigation: smaller nav bar while
#homeis the active scroll section
| Layer | Choice |
|---|---|
| UI | React 18 |
| Build | Vite 5 |
| Motion | Framer Motion |
| Icons | react-icons |
| Logs | Consola (consola/browser) |
npm install
npm run devnpm run build
npm run preview
npm run lint| Field | Role |
|---|---|
siteUrl |
Production URL → canonical + og:url when set |
person |
Name & copyright |
contact |
email, linkedin, github, telegram ("" hides Telegram in hero/footer) |
hero |
roles, tagline, description |
seo |
title, description, keywords[], author, ogImage, Twitter, jobTitle |
Per project: title, subtitle, description, technologies, categories (Fullstack | Mobile | Blockchain | AI/ML | Game), image (filename in src/assets/), plus optional liveLink, websiteLink, githubLink, store links.
- Update
siteUrlinsrc/data/site.json(canonical +og:url) - Update
public/sitemap.xml+public/robots.txtif you change domains or routes
src/data/site.json
src/data/projects.json
src/components/Seo.jsx
src/utils/projectImages.js
src/utils/browserLogger.js
public/robots.txt
docs/readme/*.png
Build → dist/ → Vercel, Netlify, GitHub Pages, etc. For GitHub Pages subpaths, set Vite base.
If Rollup optional native binary fails on Windows: reinstall Node for your CPU arch, or clean node_modules + lockfile and npm install.
Personal / learning use.