← Wróć do projektów

Aktywna marka osobista

artsiom.dev Portfolio

Osobista strona inżynierska z konfiguracją produkcyjną: CI/CD, nagłówki bezpieczeństwa, dane strukturalne i asystent czatu AI.

Rola

Full-stack developer — projekt, budowa i wdrożenie

Okres

W toku

Wpływ

Aktywna marka osobista

Next.jsTypeScriptTailwindVercelGitHub Actions

Problem

Wyzwanie

  • Potrzebowałem wiarygodnej, szybkiej strony osobistej, która jasno komunikuje umiejętności klientom z USA i UE.

Rozwiązanie

Co zbudowałem

  • Zbudowałem stronę Next.js z mocnym SEO, danymi strukturalnymi i asystentem czatu AI.
  • Skonfigurowałem CI/CD z GitHub Actions, CodeQL, Dependabot i ochroną branchy.
  • Dodałem produkcyjne nagłówki bezpieczeństwa i analitykę.

Architektura

Jak to działa

  • Next.js App Router z TypeScript i Tailwind CSS.
  • Wdrożenie Vercel z serverless API routes dla asystenta AI.
  • Automatyczne bramki jakości: lint, build i skanowanie bezpieczeństwa przy każdym PR.

Rezultaty

Wpływ

  • Zindeksowana przez Google i używana jako centralny hub marki osobistej.
  • Demonstruje umiejętności full-stack, DevOps i integracji AI w jednym projekcie.

Chcesz coś podobnego zbudować lub zautomatyzować?