DEV Community

Cover image for Let's create a portfolio website using Dev.to as a CMS
Muhammad  Ahmad
Muhammad Ahmad

Posted on

Let's create a portfolio website using Dev.to as a CMS

I have created multiple portfolio website templates using ChakraUI and React. You can check my previous posts for different portfolio templates.
My own portfolio mahmad.me 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 Dev.to as a CMS.

Github Repo: https://github.com/MA-Ahmad/mahmad.me
Live Demo: https://mahmad-me.vercel.app

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.
  • Dev.to 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

Preview

blog

Top comments (5)

Collapse
 
mohdahmad1 profile image
Mohd Ahmad

😍😍 I love the animations

Collapse
 
mayankkalbhor profile image
Mayank K

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

Collapse
 
aligerm profile image
Ali

Your portfolios list is amazing. Keep it up man.

Collapse
 
mayankchawdhari profile image
Mayank Chawdhari

Good work

Collapse
 
sasicodes profile image
Info Comment hidden by post author - thread only accessible via permalink
Sasidharan • Edited

Try lagandlog.com to get your portfolio for free.

Example portfolio - sudo.lglg.me

I hope this will be useful.

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