This is repository for my portfolio website, built by myself using NextJS 14 & ShadCN/UI
Brutalism in this website refers to the design style I applied, which is brutalism. This style is known for its minimalist and functional appearance. For more information about brutalism in web design, check out this article: Examples of Brutalism in Web Design.
-
Next.js: I chose Next.js because of its support for creating static websites that look dynamic, excellent SEO capabilities, fast performance, and free deployment on Vercel.
-
ShadCN/UI: This library provides prebuilt components that speed up React component development without limiting customization. Using ShadCN/UI also enhances component modularity and results in cleaner code.
-
MDX: Posts on this website are stored using MDX, supported by the
remark
library in Next.js (seepackage.json
).
-
Table of Contents: The website includes an automatic index for
h1
andh2
elements in markdown, making content navigation easier. -
Syntax Highlighting: Uses
shiki
for code syntax highlighting with style, and includes an automatic copy button to the clipboard. -
Contact Form: On the "Contact" section of the main page, you can send a message directly to my email. This feature is built with
nodemailer
, and includes Google reCAPTCHA v3 for backend verification. -
Automatic Filtering for Categories and Tags: The website includes an automatic filter feature that makes it easy for users to browse content by categories and tags. This feature enhances navigation efficiency and improves user experience.
Feel free to draw inspiration from this portfolio web design. However, please give credit by either forking the repository or starring it.
Thank you! Cheers, and happy coding!