Sharing my portfolio website CoverPicture

Sharing my portfolio website

  • #nextjs
  • #webdev
  • #beginners
  • #showdev

Introduction

Hi everyone!

I want to share to all of you that my portfolio website is now live! It is connected to Github REST API and Dev.to REST API for the JSON data.

You may check it out here

The reason why I use Next.js is because I'm planning to maintain my portfolio website in a long-term basis and start a beginner tutorial for those who are aspiring to shift in this industry. Also, the features of Next.js like SSG, SSR, ISR, Link component, Image optimization and many more, totally fit on my needs.


My thoughts on my Portfolio website

Who would've have thought that a graduate of a marketing degree a few years ago can now build web applications and a website from scratch.

Shifting from a different industry is not an easy task as it takes a lot of time and effort to be considered competent compared to those who already have a background in the IT industry. However, that doesn't hinder me on achieving on my dreams as long as you have the passion and grit on what you are working on, you will surely be competent in no time.

On a side note, I am grateful that I had the opportunity to learn and acquire the skills and knowledge in marketing. It made me push even more to do the things that I want since it gave me confidence to hone my other talents and soft skills, which I guess an edge whenever I pursue in IT Industry. I see this an upskill on my part and I am definitely happy.

Seeing my project from scratch to production makes me feel proud and fulfilled because of what I've achieved. As a person who started my self-study journey last year, I am proud to say that this is now the result of my grit and passion for web development. Although I'm comfortable building a web-app or website from scratch, there are still a lot of things to discover and explore. The grind never stops when it comes to upskilling and on learning new technology.


Tech and Tools Used in my Portfolio Site

  • Next.js

  • TypeScript

  • Tailwindcss

  • Framer-motion

  • SendGrid

  • React Hook Form

  • Vercel

  • Axiom

  • Checkly

Conclusion

This post is meant to be a series of articles related on my journey on building my portfolio website. I will share here what I've learned during the process and teach some basic tutorial on the listed tech and tools on building on my portfolio site.

Thank you for reading and stay tuned for the series! 🙂