vadimgierko.com
My personal static website designed & developed by myself from scratch using React, Next.js, React-Bootstrap, Bootstrap, Markdown & GitHub API. Deployed on Vercel.

My personal static website designed & developed by myself from scratch using React, Next.js, React-Bootstrap, Bootstrap, Markdown & GitHub API. Deployed on Vercel.
Next.js
React
Bootstrap
Markdown
CSS
Vercel
GitHub
The project contains the source code, textual, visual & multimedia content (I like to share my knowledge & creative works with others) of my personal website written (re)written in Next.js.
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:
My website contains a few types of pages:
<FieldOfInterests />
component, built from smaller reusable components, such as:
<Section />
layout component, which wraps other components inside for styling<MarkdownRenderer />
custom component, which wraps <ReactMarkdown />
component & changing all the internal links into next/links to prevent reloading the website<IconsList />
for mapping skills icons<CardsList />
for mapping articles & projects cards<Gallery />
for mapping images<CardsList />
of projects<Project />
component, built from smaller reusable components, such as:
<Section />
layout component, which wraps other components inside for styling<MarkdownRenderer />
custom component, which wraps <ReactMarkdown />
component & changing all the internal links into next/links to prevent reloading the website<IconsList />
for mapping skills icons<CardsList />
of articles<Article />
component<Gallery />
componentMy personal website contains: