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.

Portfolio Website