Genz - Creative Personal Blog Portfolio React Template

Genz - Creative Personal Blog Portfolio React Template

By alithemes in site-templates/personal

$16
Preview & Buy Template
⭐⭐ HURRY UP ! PRICE WILL SOON INCREASE TO $29 ! ⭐⭐

OVERVIEW

Genz 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 present your content in a stylish manner.

You can avoid expensive web development and minimize your design costs using Genz – Creative Personal Blog / Portfolio React Template.

✔️ Figma design file included. SAVE $12

We have a dedicated support center for all of your support needs. It includes our Documentation and Ticket system for any questions you have.

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
  • Detailed documentation
  • Lifetime free updates
  • And more…

What do you get?

  • React source code (.tsx, .ts) — ~40 components, 22 routes
  • Compiled CSS and all template images under public/assets/
  • Detailed documentation
  • Figma design file (Save $12)

Note

All images are used for Preview Purposes Only. They are not part of the template and may NOT be included in the final purchase files.

Change log

VERSION 1.0 - First release. - Built with Vite 6, React 19, React Router 7, TypeScript. - 22 routes with code splitting and lazy loading. - Dark / Light mode with no FOUC.

Attributes

  • columns: 4+
  • compatible-browsers: IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge
  • compatible-with: ReactJS, Bootstrap 5.x, TypeScript
  • demo-url: https://genz-react.pages.dev/
  • documentation: Well Documented
  • high-resolution: Yes
  • layout: Responsive
  • themeforest-files-included: JS Files
Tags: blog, creative, dark mode, lifestyle, magazine, modern, personal blog, portfolio, react, react 19, react router, responsive, travel, typescript, vite
Preview & Buy Template