Personal Website vadimgierko.com
The repo contains headless frontend code for my personal website, that consumes content from my custom headless github-based CMS app, which manages textual, visual & multimedia content.
This project is a continuation of my legacy (from September 16 2025) personal-website-next-js repo, which was split into CMS mentioned above & this repo.
From September 16 2025 these projects will be maintained separately & legacy CMS & website frontend repo is archived.
| Technology / Tool | 2022-July 2025 | since July 2025 |
|---|---|---|
| Next.js | 12.3.1 | 15.4.2 |
| React | 18.2.0 | 19.1.0 |
| TypeScript | ❌ | 5+ |
| JavaScript | ✅ | ✅ |
| React Bootstrap | 2.5.0 | 2.10.10 |
| React Icons | 4.4.0 | 5.5.0 |
| Bootstrap | 5.2.1 | 5.3.7 |
| React Markdown | 8.0.3 | 10.1.0 |
| GitHub API (to fetch dev repos) | ✅ | ✅ |
| Vercel (Deployment) | ✅ | ✅ |
| remark-gfm | 3.0.1 | 4.0.1 |
| rehype-raw | 3.0.1 | 7.0.0 |
| react-icons | 5.0.1 | 5.5.0 |
| rehype-highlight | 7.0.1 | 7.0.2 |
The website is deployed, published & available at https://vadimgierko.com.
I'm constantly working on improving the website, refactoring the code, adding new content, components, pages & features. Each commit (to main branch) & pull request causes redeploying & changes in the appearance & functioning of the website.
So the site you see today might me different from the site available yesterday or tomorrow. Even if I add all the features I want & there will be no changes in the code, I'll still be adding new textual & visual content.
The source code & all the textual & visual content of the current project is created & owned by me.
You can view, fork & try the code on your local machine for private & non-commercial use only.
Copyright © 2022-2025 Vadim Gierko
The website contains the following dynamic routes:
- / => the main page, which contains short bio & maps fields of interests cards
- /[field-of-interests] => (web-development, creative project management, visual thinking, music)
- /[field-of-interests]/[items] => (articles, projects, images, audios, videos)
- /[article] => any article from any field
- /[project] => any project from any field
- /[field-of-interests] => (web-development, creative project management, visual thinking, music)
My personal website contains:
- the overwiew of fields/ areas I'm interested in:
- web development (that's de facto my developer portfolio)
- creative process management
- visual thinking (mind maps & visual notes)
- composing music & classical guitar
- textual, visual & multimedia content I created in the areas mentioned above:
- projects
- articles
- mind maps & visual notes
- samples of composed music
- workshops
- video collaborations/ live talks
- ebook
- social media projects/ accounts
- custom dark/ light mode theme switcher with additional auto detecting if the user prefers dark theme on its device
- RWD (responsive web design applied), so the website looks good on any device
- fetching content from custom CMS
- custom Gallery component with a modal showing up after clicking an image
- custom MarkdownRenderer to render markdown & HTML syntax
- used to write articles, fields of interests' & projects' descriptions etc.
- allows to style markdown content using passed custom components or additional styles