https://github.com/vadimgierko/vadimgierko.com
Recently separated frontend code of my personal website that fetches content from my custom headless CMS
https://github.com/vadimgierko/vadimgierko.com
bootstrap frontend markdown nextjs react template typescript website
Last synced: 3 months ago
JSON representation
Recently separated frontend code of my personal website that fetches content from my custom headless CMS
- Host: GitHub
- URL: https://github.com/vadimgierko/vadimgierko.com
- Owner: vadimgierko
- Created: 2025-09-14T21:58:51.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-09-25T22:57:48.000Z (10 months ago)
- Last Synced: 2025-09-26T00:35:26.068Z (10 months ago)
- Topics: bootstrap, frontend, markdown, nextjs, react, template, typescript, website
- Language: TypeScript
- Homepage: https://vadimgierko.com
- Size: 98.6 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Personal Website [vadimgierko.com](https://vadimgierko.com)
The repo contains headless frontend code for my personal website, that consumes content from my [custom headless github-based CMS app](https://github.com/vadimgierko/headless-cms-next-js), which manages textual, visual & multimedia content.
This project is a continuation of my legacy (from September 16 2025) [personal-website-next-js repo](https://github.com/vadimgierko/personal-website-next-js), 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.
## Technologies used in the project
| 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 |
## Status
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.
## License
The source code & all the textual & visual content of the current project is created & owned by [me](https://github.com/vadimgierko).
You can view, fork & try the code on your local machine for private & non-commercial use only.
Copyright © 2022-2025 [Vadim Gierko](https://github.com/vadimgierko)
## Project details
### Sitemap
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
### The content of my website
My personal website contains:
- the overwiew of fields/ areas I'm interested in:
- [web development](https://vadimgierko.com/web-development) (that's _de facto_ my **developer portfolio**)
- [creative process management](https://vadimgierko.com/creative-process-management)
- [visual thinking](https://vadimgierko.com/visual-thinking) (mind maps & visual notes)
- composing [music](https://vadimgierko.com/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
## Features & Custom Components
- 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](https://cms.vadimgierko.com)
- 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