This post is for you to quickly create a site like this site (version 6) without needing extensive knowledge about the tools and techniques I used to build it. For ideas, reasons, and some tips on creating this site, you can check out this post How do I create this site (reasons and tips)?

<aside> 🤗

I've republished this post: Step by step guide to create a site like dinhanhthi.com v6 but please don't ask me any questions—I won't answer anything related to building this website. Simply follow the ideas in How do I create this site (reasons and tips)? and the steps given in Step by step guide to create a site like dinhanhthi.com v6 . They provide more than enough information. If you still cannot create a site using these two resources, this type of site probably isn't suitable for you, and you should consider another technology!

</aside>

<aside> 🧡 If what I do is helpful to you for some reason, please consider supporting me. Thank you! 😊

</aside>

Features

Prerequisite

Before continuing, please make sure you have the following (all are free, except the custom domain):

  1. A Github account.
  2. A Vercel account for deploying the site.
  3. A Notion account.
  4. (Optional) A custom domain, such as dinhanhthi.com.

What does it look like in the end?

  1. The main site: This site.
  2. Demo of notion-x and all components on this website
  3. This page has the "discrete" style enabled | Thi's Site
  4. CV page
  5. Projects page
  6. Favorite Tools page
  7. Favorite Bookmarks page
  8. Blog page

How does it work?