Personal, open-source website of Florian.
Visit Site →
📲 x.com
•
✉️ E-Mail
•
🩵 Learn more
This is the third big iteration of my personal website. I made my first one in 2019 and am hosting the files on GitHub since the beginning of 2022.
I'm a design engineer. That means, I'm both a creative and a logical thinker trying to combine both skills in one job.
- 📈 Prerendering / SSR
- ⚡ Super performant
- 🏗️ Custom built UI
- 🖼️ Dynamic OG images
- ✴️ JSX
- 🌀 Markdown rendering
- 🔒 Typesafe
- 🌐 i18n
- 📁 Custom folder-based imports
- 🟢 Good Lighthouse score
- ▲ Custom Vercel API endpoint
Although this repository is public, I'd like to ask you to not 1:1 copy my whole website. You can use it as a template /starting point, but please change the content and design to your own needs.
Note
This could change from time to time.
├── NAVIGATION (on all pages)
│
├── / (Home)
│ ├── Header introduction
│ ├── Work
│ ├── Contact chat
│ └── Community letters
│
├── /about (About me)
│ ├── My life and contact
│ ├── Education
│ ├── Photos
│ ├── Tools / Apps I use
│ ├── Bucketlist
│ ├── Songs I like
│ └── Movies / Shows I watch
│
├── /feed (Blog / Feed / Journal)
│ └── All entries sorted after date
│
├── /archive (Old and smaller projects)
│ └── All projects sorted after date
│
└── FOOTER (on all pages)
Fork / Download this repository so you have the files locally.
Make sure you have installed all necessary dependencies with npm run install
Start the development server with npm run dev. Please note that some features, like the letter stack of the community won't work as it fetches necessary data over a Vercel API endpoint.
An active wifi connection is required as some features like localization might not work without.
You are free to contribute to the project whether by opening Issues or by forking this repo and opening a PR. I appreciate any help and feedback – please don't be angry if I'm not going to implement your feedback. It is most likely because I've decided to do something on porpuse.
Click on the translation badge to contribute translations.
As other design engineers, product designers or frontend developers, I'm quite active on Twitter / X. Feel free to give me a follow and conctact me over there: @flornkm.