Symbolarium to encyklopedia znaczeń tatuaży, symboli, run i motywów kulturowych — portal referencyjny zaprojektowany od podstaw pod wyszukiwarki (Google, Bing) oraz wyszukiwanie generatywne (ChatGPT Search, Perplexity, Gemini).
Wyzwanie
Zbudować serwis skalujący się do tysięcy wartościowych podstron, który na każdej z nich zachowuje jakość treści i spójną, unikalną grafikę — wraz z pełną architekturą SEO, danymi strukturalnymi i wydajnością od pierwszego dnia.
Technologia
Rdzeń stanowi Next.js 15 (App Router) z TypeScript i renderowaniem statycznym/ISR na krawędzi (Vercel, kompresja Brotli, cache CDN). Dane obsługuje PostgreSQL (Neon) przez Prisma ORM, a warstwę wizualną — Tailwind CSS i autorski design system: tryb ciemny oraz jasny „starej księgi", typografia Cinzel / Cormorant / EB Garamond, przełączany bez JavaScriptu.
Co wyróżnia projekt
- Programmatic SEO — dwie osie nawigacji po jednym grafie encji oraz rygorystyczna kontrola cienkiej treści i duplikatów, dzięki której do indeksu trafiają wyłącznie unikalne strony.
- Podglądy tatuaży generowane przez AI — każdy motyw w 9 stylach wykonania (blackwork, fine line, dotwork, realizm, irezumi i inne). Autorski pipeline łączy generację text-to-image z techniką referencyjną, dzięki której nawet runy, hanzi czy kaligrafia arabska zachowują wierność znaku.
- Kompletne SEO techniczne — Schema.org (Article, FAQPage, BreadcrumbList, Organization), dynamiczny sitemap, canonical i Open Graph.
Efekt
189 opracowanych symboli, 469 wygenerowanych podglądów tatuaży, 17 kategorii tematycznych i pełna warstwa danych strukturalnych — spięte spójną tożsamością marki i architekturą gotową na dalsze skalowanie.
Zobacz efekt na żywo: symbolarium.pl
Technologie: Next.js · TypeScript · Prisma · PostgreSQL (Neon) · Tailwind CSS · Vercel · generatywne AI.