daan.fyi

This is the source code of daan.fyi, my personal website. You are free to do with it whatever you want, as long as you give me proper attribution. You are encouraged to learn from it and build upon it.

Tech stack

This website is built on the following tech stack:

• React as the framework of choice
• Chakra UI for beautiful and easily extensible components
• I write content in MDX, which combines the power of Markdown and JSX to enable rich and interactive content. I use the unified stack (incl. remark and rehype) to interpret and render the Markdown bits.
• NextJS is the framework that ties everything together and provide static site generation and server-side rendering

This site it deployed on Vercel

Prerequisites

You need the following to build, run and develop this site locally:

• NodeJS
• NPM

How to build and run

First install all dependencies:

npm prepare
npm install

Start the development server:

npm run dev

The development server supports hot reloading of NextJS pages. This means that only the React components that have changed, will be updated live in the page, without completely reloading the page.

For MDX content, it will actually refresh the whole page.

You can make a production build like this:

npm run build

Now you can run the production build:

npm run start

Acknowledgments

When building this website, there were a few websites that inspired me and/or helped me with actual solutions to coding problems (yay for open source!):

• Alyssa X
• Lee Robinson
• Josh W. Comeau
• Marcel Krcah

Thanks for the inspiration!