GIS portfolio of Sara Diercks

Showcasing projects from UCLA Extension's GIS and Geospatial Technology certificate program.

Built with:

react
nextjs
tailwind
Hygraph

Key Features

Easy updates to projects + "about me" content with Hygraph CMS
Responsive/optimized project images using next/image and custom Hygraph image component ✨
- Utilizes srcset and sizes for the right image size
- webp enabled when supported by the browser
- Fancy blur placeholder while loading
- Preload LCP image above the fold

Tech Stack

Framework: Next.js
Deployment: Vercel
CMS: Hygraph
Styling: Tailwind