Portfolio Website

Writing and publishing

Blog articles are stored as Markdown with frontmatter. The server builds the article catalog and uses publication rules across pages, RSS and the sitemap.

Typed project catalog

Each project has its own TypeScript record for images, links and editorial details. The archive filters records and links to case-study pages.

Contact form

The contact endpoint checks field lengths, a hidden honeypot, reCAPTCHA and server-side rate limits before sending email with Nodemailer.

Consent-controlled extras

Analytics is loaded only after consent. The contact form requires permission before enabling optional reCAPTCHA resources.

App Router with a separate contact API

Page layouts and article routes use the Next.js App Router, while the existing contact endpoint lives under the Pages API path.

Markdown publishing pipeline

A shared catalog checks article frontmatter, slugs and publication dates before routes expose posts.

Contact request validation

The API applies server-side validation, checks a honeypot and verifies reCAPTCHA. Rate limits are enforced before mail delivery.

SEO and privacy controls

Routes supply canonical URLs and Open Graph metadata. The site generates a sitemap and gates analytics behind visitor consent.

Keep drafts and published articles separate

Problem: Draft and scheduled Markdown files must not accidentally appear as public articles.

Solution: The blog catalog evaluates article metadata and publication dates before building public routes and feeds.

Protect a public contact endpoint

Problem: A publicly accessible form can receive automated or excessive submissions.

Solution: The API validates inputs, checks the honeypot and reCAPTCHA token, then applies server-side limits and handles unavailable dependencies.

Avoid loading optional tracking by default

Problem: Analytics and the CAPTCHA provider should not initialize before a visitor permits optional services.

Solution: The consent provider stores the choice and loads the analytics script only after acceptance.