Trent Gallery

Fast, author‑friendly art portfolio with CMS, SEO, analytics, and newsletter.

Portfolio 2025

Trent Gallery

  • Next.js (App Router)
  • Sanity Studio
  • Tailwind CSS
  • Vercel
  • SEO
  • Analytics
  • Newsletter

Project Overview

CMS‑powered artist portfolio for a working watercolorist, built for speed, control, and easy publishing. Stack: Next.js (App Router), Sanity Studio (embedded), Tailwind, Vercel, Supabase (likes), MailerLite (newsletter), Google Analytics + Search Console, Cloudflare Email Routing. Content models (Works, Collections with manual ordering, Artist), CMS‑editable homepage/hero, SEO baseline (sitemap/robots/metadata), a custom 404, and a production‑gated Studio keep the authoring flow clean and reliable.

Genesis

The artist needed a clean, maintainable portfolio that loads quickly, is easy to update without developer help, and keeps the CMS (Studio) locked down in production. I selected Next.js + Sanity for an author‑friendly workflow with modern SEO and simple integrations for analytics and a newsletter.

Scope

  • Content modeling for Works, Collections (manual ordering), and Artist.
  • Embedded Sanity Studio at /studio with production gating and dynamic import.
  • CMS‑editable homepage hero and About page; accessible images via the Sanity image pipeline.
  • SEO foundations: sitemap, robots, metadata; custom 404.
  • Integrations: Google Analytics, Search Console, MailerLite newsletter, and Cloudflare Email Routing.
  • Optional work metadata: techniques, inspiration, process, reflections, and date of creation.
  • Refined sorting (A→Z and date‑aware), link affordances, and low‑risk, prod‑first deploys.

Skills Demonstrated

  • Next.js (App Router), ISR/revalidate, and Tailwind implementation.
  • Sanity schema design, GROQ queries, and Studio origin/CORS gating.
  • Production‑first ops on Vercel; safe, incremental changes.
  • SEO/Accessibility hygiene; third‑party embeds (MailerLite, GA).

Deliverables

  • Production site on Vercel with domain + analytics + newsletter integration.
  • Sanity Studio embedded and gated; content schemas for Works, Collections, Artist.
  • CMS‑editable hero, newsletter page with embedded form, and custom 404.
  • SEO assets (sitemap.xml, robots.txt) and image domain allowlist for cdn.sanity.io.
  • Repository with clear, reversible commits and environment‑based config.