This project is a tutorial series for my YouTube channel where I teach viewers how to create a modern and professional portfolio using the latest web development tools and technologies. In this series, we will be using Next.js 13, Tailwind CSS, Hygraph CMS, TypeScript, and Framer Motion to build a complete and functional portfolio website from scratch.
![](https://private-user-images.githubusercontent.com/71772559/237971405-341fef7a-536d-4b4e-b124-9b99be313575.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxOTEyMjQsIm5iZiI6MTcyNDE5MDkyNCwicGF0aCI6Ii83MTc3MjU1OS8yMzc5NzE0MDUtMzQxZmVmN2EtNTM2ZC00YjRlLWIxMjQtOWI5OWJlMzEzNTc1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODIwVDIxNTUyNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTJmNDBlNDc2YjE0NTc3MDc1NmFiMjI3ZjhiMDkyMzg5Y2Y0NzI2ODc0YThiYWM4NmRjOGIxMDhjNTdmOTcxZDQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.NuuMd22QEVGQAagqi5afEGtQ6e1zKy8E4QHJ3fUHdZU)
More images here
- Next.js 13
- TypeScript
- Tailwind
- Framer Motion
- Hygraph CMS
Developed with π by GBDev