← Projects

Personal project

This Portfolio — Next.js × Contentful × AWS

Live, open-source and AI-discoverable: SSR, i18n, structured data and a WebMCP bridge

The site you are reading: a CMS-driven, server-rendered Next.js 16 portfolio with en/pt-BR routing, a Contentful content model, SEO + JSON-LD, and a WebMCP bridge so AI agents can query it — open source on GitHub.

Role
Design & Development
Period
2025 – Present

Categories

  • Web Platform
  • AI Discoverability
  • i18n

Technologies

  • Next.js 16
  • React 19
  • TypeScript
  • Contentful
  • GraphQL
  • Tailwind CSS v4
  • next-intl
  • AWS Amplify
  • CloudFront
  • Jest

Context

I wanted a portfolio that is itself a demonstration: content managed in a headless CMS, server-rendered for SEO, translated, measurable, and readable by AI agents as well as people. It also doubles as a reference implementation of the Contentful page → section → component architecture I use in client work.

What's inside

  • Content architecture — a Contentful pageLanding → section → component model; sections and components are composed in the CMS and dispatched by type in the frontend, so the page layout is editable without a deploy. The Projects section you came from is one such component.
  • Rendering — Next.js 16 App Router with server components, fetching Contentful's GraphQL API through a generated, fully typed SDK; publishes appear immediately.
  • Internationalisation — next-intl routing with en and pt-BR, locale-aware content fetching and translated UI chrome.
  • Discoverability — metadata built from CMS SEO fields, Person / WebSite / CreativeWork JSON-LD, a sitemap, and a WebMCP bridge that exposes the site to AI agents.
  • Quality — Jest + Testing Library suites for data mappers, components and routes; ESLint; conventional commits.
  • Infrastructure — deployed on AWS Amplify behind CloudFront.

Source

The code is public: github.com/netafado/avant-cms-contentful.