Skip to content

flornkm/florians-site

Repository files navigation

Florian Website Readme Banner

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.

inlang status badge

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.