Description
Genz – Creative Personal Blog Portfolio React Template
Genz – Creative Personal Blog Portfolio React Template is a clean, modern and creative new generation personal blog and portfolio template, built with Vite 6 + React 19 + React Router 7 + TypeScript. It ships as a pure client-side single-page application — no server runtime required, deployable to any static host (Cloudflare Pages, Vercel, Netlify, GitHub Pages, S3, Nginx…).
Dedicated to Technology, Lifestyle, Fashion, Beauty and Travel — Genz includes all popular features that help you tell your story and stylishly present your content.
Main Features
- Vite 6 + React 19 + React Router 7 + TypeScript
- 22 routes with route-level code splitting (React.lazy + Suspense)
- Small bundle — initial JS ~97 KB gzipped, per-route chunks 1–25 KB gzipped
- Error Boundary at the application root
- 04 Homepage layouts
- 05 Posts archive layouts
- 03 Single Post layouts
- Personal portfolio + Portfolio details
- Dynamic blog detail route (/blog/:id) using useParams
- Dark / Light mode switcher (localStorage, no FOUC — inline theme-init script)
- Swiper 11 slider (carousels, brand strip, testimonials)
- Sticky header with scroll detection
- Google Fonts (Noto Sans) loaded via <link> in index.html
- Path alias @ → src (configured in vite.config.ts)
- Built on Bootstrap 5 grid
- 100% responsive
- Clean and commented code, easy to customize
