Work

Developer Portfolio with Prismic

Personal Portfolio with CMS and React

React
Prismic
Tailwind CSS
Astro
Vercel

A dynamic portfolio powered by Prismic CMS to showcase web development projects with flexibility and scalability.

Clean UI of Jorge Guerrero's developer portfolio

Visit Portfolio Website

Modern Developer Portfolio

This is my personal portfolio, designed to professionally present my web development work. It combines clean UI with CMS flexibility, allowing me to easily update my projects and content without modifying code.

Powered by Prismic CMS

I chose [Prismic](https://prismic.io/) as the CMS to manage all portfolio content dynamically. This means I can add, update, or remove projects directly from the Prismic dashboard, making my workflow fast and scalable. All the project data (titles, images, tags, links, descriptions) is fetched through Prismic’s API.

Built with React, Astro, and Tailwind

The front end is built using **Astro** for static site generation, combined with **React** components and **Tailwind CSS** for styling. This gives the site great performance, modern design, and responsive behavior across all devices.

Features and Highlights

  • ⚙️ Dynamic project list fetched from Prismic CMS
  • 💡 Responsive design optimized for mobile, tablet, and desktop
  • 🚀 Deployed on Vercel with continuous integration
  • 🌐 SEO-friendly with clean URLs and metadata from CMS
  • 🧩 Modular code structure for easy scalability

Why I Made It

I wanted a professional portfolio that I could maintain without needing to hardcode every change. By using Prismic, I can easily manage my content like a real client project, and apply what I learn in real-world CMS-based workflows. It's perfect for showcasing my skills as a front end developer who understands both the technical and content management sides of web development.

Project Repo

Check out the full source code here: 👉 GitHub - miportafolio82