Portfolio Website
A website to showcase my projects and blog posts.
Features
- Strapi admin with Cloudinary and PostgreSQL integration for managing portfolio and blog data.
- Front End built with Next.js
- Portfolio page with data fetched from Strapi.
- Blog page with data fetched from Strapi.
Utilization
- Fully responsive.
- Project preview GIFs and videos.
- Next.js data fetching SSG for portfolio and blog data where all data is fetched at built time to increase performance.
- Next.js font optimization with next/font where all Google Fonts are hosted on Next.js server to increase performance.
- Next.js image optimization with next/image where quality of images is automatically reduced, lazy loading is used and different sizes of the images are loaded to increase performance.
Tools
- HTML
- CSS
- Bootstrap
- JavaScript
- React.js
- Next.js
- Node.js
- PostgreSQL
- Strapi
- Cloudinary
- Vercel
- Railway
Deployment
- Next.js front end deployed to Vercel.
- Strapi instance deployed to Railway.
- PostgreSQL database deployed to Railway.