Back to all posts

Building my Personal Site with NextJS

Technologies used

  • NextJS - UI Markup
  • TailwindCSS - Styling
  • ESLint - Linting
  • Prettier - Code Formatter
  • React Three (Fiber) - 3D Rendering
  • MDX - Markdown Syntax Support + JSX
  • Vercel - Hosting
  • namecheap - Domain Name

Motivation

During my time at Indeed, I was mainly working on Frontend development work. I had the pleasure of working with a skilled UX Engineer who mentored me, and he was always able to answer any questions I had about Frontend technologies.

Thanks to him, I gained an interest in Frontend development and decided to apply my skills by developing my personal website. I decided to use this opportunity to get hands on with NextJS, a popular React Framework that has gained much traction.

My goal is to make this website highly personalized, where I develop all UI components myself from scratch, try out new interesting Frontend technologies, and document my thoughts 😉

Inspiration

The website's design is constantly changing. I do enjoy browsing through other people's website to look out for certain quirks in their design. It could be nifty user experience and features such as animations or page layouts. If I like it, I will try my best to adopt and make my version of it!

Here are some sites that inspired me so far:

Possible Improvements

  • Dark/Light mode toggle
  • CSS animations
  • Implement searching/ sorting functionalities for blog posts

Thanks for reading, and do give these technologies a try if they pique your interest!