Niko - Personal Portfolio React.js Template

Niko – Personal Portfolio React.js Template

Meet Niko — a clean, modern, and fully responsive personal portfolio template built with React 19, Vite 8, and React Router 7. Showcase your work, skills, and experience with light and dark layouts, smooth animations, and a structure that is easy for buyers to customize. Edit your name, hero text, contact details, and section headings in one place (src/data/siteContent.ts); update services, portfolio, blog, and more in small files under src/data/. Includes step-by-step HTML documentation, START-HERE.txt, and deployment notes for Vercel.

Key Features of Niko:

• Unique and modern home page with inner pages (Home, About, Service, Portfolio, Blog, Contact + detail pages)
• Light & dark mode toggle
• Beginner-friendly content setup — text in siteContent.ts, lists in dedicated data files
• Detailed documentation (Quick Start, customize guide, FAQ) + START-HERE.txt
• Powered by Vite 8, React 19, and React Router DOM 7
• TypeScript + reusable React components
• Bootstrap 5 and React Bootstrap
• Animations with GSAP and Framer Motion
• Swiper & React Slick sliders, React CountUp, React Hook Form, React Toastify
• Redux Toolkit for theme and blog filter state (optional for basic customization)
• Fully responsive design — desktop, tablet, and mobile
• Clean, organized TSX codebase
• Node.js 24.x ready (.nvmrc) — local dev and Vercel deployment
• Lifetime free updates

Libraries used in Niko:

• Vite 8
• React 19 & React DOM 19
• React Router DOM 7
• TypeScript
• Redux Toolkit & React Redux
• Bootstrap 5 & React Bootstrap
• React CountUp
• React Slick & Slick Carousel
• Swiper
• React Toastify
• GSAP
• Framer Motion
• React Hook Form

What’s in the download:

• niko/ — main React project (run npm install and npm run dev here)
• documentation/ — open index.html in your browser for full instructions
• START-HERE.txt — quick setup checklist at package root

Browser Compatibility:

Niko works on all modern browsers, including:

• Google Chrome (Windows, Mac, Linux)
• Mozilla Firefox (Windows, Mac, Linux)
• Safari (Mac)
• Microsoft Edge

Changelog:

17 October 2026 - Version 1.2.0
- Expanded documentation: Quick Start, Customize Content, FAQ, and clearer navigation
- Added START-HERE.txt and src/data/README.md for faster onboarding
- Reorganized site content: siteContent.ts for copy; separate files for services, portfolio, blog, etc.
- Components refactored to read from data files (easier customization without editing JSX)
- Fixed React list key warnings on detail pages

23 July 2026 - Version 1.1.0
- Updated to React 19 and React DOM 19
- Updated to Vite 8 and @vitejs/plugin-react 6
- Updated to React Router DOM 7
- Updated Framer Motion to v12, Swiper to v14, React Toastify to v11
- Updated Redux Toolkit, React Redux, GSAP, Bootstrap, React Bootstrap, React Hook Form, React Slick, React Countup, and related packages
- Updated TypeScript and ESLint (flat config with typescript-eslint)
- Added Node.js 24.x engine support (.nvmrc and package.json engines) for Vercel and local development
- Fixed React 19 compatibility issues (refs, list keys, CJS default import interop)
- Updated documentation for React + Vite structure, routing, and deployment

13 March 2024 - Version 1.0.0
- Initial release