Tailwind Resources Logo Tailwind Resources
Florians Site screenshot

Florians Site

Author Avatar Theme by Flornkm
Updated: 18 Feb 2025
133 Stars

Florians personal site

Github Live Preview

Categories

Vite Firebase Personal Portfolio

Overview:

The project is the third iteration of the creator’s personal website, hosted on GitHub since the beginning of 2022. The creator, a design engineer, aims to merge creative and logical thinking in their work.

Features:

  • Prerendering / SSR: Server-side rendering for improved performance.
  • Super performant: Emphasis on high performance.
  • Custom built UI: Unique user interface design.
  • Dynamic OG images: Generation of dynamic Open Graph images.
  • JSX: Usage of JSX (JavaScript XML).
  • Markdown rendering: Rendering of Markdown content.
  • Typesafe: Ensuring type safety in the project.
  • i18n: Internationalization for localization.
  • Custom folder-based imports: Custom import structures for flexibility.
  • Good Lighthouse score: Focus on achieving high scores on Lighthouse performance tool.
  • Custom Vercel API endpoint: Utilization of a customized Vercel API endpoint.

Installation:

  1. Copy repo: Fork or download the repository to your local machine.
  2. Install all dependencies: Use npm run install to install all necessary dependencies.
  3. Start the development server: Launch the development server with npm run dev. Note that certain features may not work without an active wifi connection.

Summary:

The project represents the third version of the creator’s personal website, showcasing a blend of creative and logical thinking. With features like server-side rendering, dynamic image generation, and internationalization support, the project offers a unique and performant user experience. The installation process involves copying the repository, installing dependencies, and starting the development server. Contributions are welcome, but users are encouraged to customize the content and design to suit their own needs.