DEV Community

Cover image for Let's create a portfolio website using as a CMS

Let's create a portfolio website using as a CMS

Muhammad Ahmad
Full Stack Developer. Passionate about Tech.
・1 min read

I have created multiple portfolio website templates using ChakraUI and React. You can check my previous posts for different portfolio templates.
My own portfolio is built using ChakraUI.
I am a big fan of ChakraUI but since being introduced to Tailwind at work, I've started to understand the benefits. Now I created a portfolio template with Tailwind using as a CMS.

Github Repo:
Live Demo:

Technologies used

  • Tailwind CSS - Have been working with CSS for over 4 years and Tailwind just makes my life easier. It is still CSS and you use flex, grid, etc.
  • TypeScript - It's how JavaScript should have been by default. The combination of static type checking with intelligent code completion provides a significant boost in developer productivity. Not only can you work faster, but you can also catch a ton of errors before they arise.
  • Next.js - I don't try to hide the fact that I love Next.js, it's so simple to use and give so many out of the box features.
  • API - to dynamically build the blog.
  • Framer Motion - to add slick and beautiful animations.

Things I'll improve

  • Add a custom domain name
  • Add my resume
  • Add Canonical URLs to my blog page



Discussion (4)

zakiazfar profile image
Mohd Ahmad

😍😍 I love the animations

aligerm profile image

Your portfolios list is amazing. Keep it up man.

mayankkalbhor profile image
Mayank Kalbhor

This is nice. NextJS is definitely great. I am also thinking of using NextJS instead of Gatsby.

Some comments have been hidden by the post's author - find out more