Florians Site
Personal, open-source website of Florian.
Visit Site →
📲 x.com
•
✉️ E-Mail
•
🩵 Learn more
About this project
General
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.
Features
- 📈 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
Copying this project
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.
Map of the site
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)
Start locally
1. Copy repo
Fork / Download this repository so you have the files locally.
2. Install all dependencies
Make sure you have installed all necessary dependencies with npm run install
3. Start the development server
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.
Contributing
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.
Translation status
Click on the translation badge to contribute translations.
Contact me
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.