Overview

daan.fyi is a personal website built using a tech stack that includes React as the framework, Chakra UI for components, MDX for rich content, and NextJS for server-side rendering and static site generation. The website is hosted on Vercel and the source code is freely available with proper attribution. The author encourages learning from and building upon the codebase.

Features

• React framework: Provides a sturdy and efficient foundation for building the website.
• Chakra UI: Offers a collection of customizable and visually appealing components for easy extensibility.
• MDX content: Combines the flexibility of Markdown and JSX to create interactive and dynamic content.
• NextJS: Integrates all the technologies together and provides features like static site generation and server-side rendering.

Installation

To build and run the daan.fyi website locally, the following prerequisites are needed:

• NodeJS
• NPM

Here are the steps to build and run the website:

1. Install all dependencies:

npm install

2. Start the development server:

npm run dev

The development server supports hot reloading, so only the modified React components will be updated live without completely reloading the page. For MDX content, the whole page will be refreshed.

To create a production build, use the following command:

npm run build

After the build is complete, the production version of the website can be run with:

npm run start

Summary

daan.fyi is a personal website built with React, Chakra UI, MDX, and NextJS. It provides a range of features such as a customizable component library, interactive content, and server-side rendering. The installation process involves installing dependencies, starting the development server, or creating a production build. The source code is openly available, and credit is given to sources that inspired and assisted in building the website.