Next.js 16

Group Taiga Website

Multi-Language Agency Website with a Custom Headless CMS

Overview

The Group Taiga website is the multi-language flagship site of the digital product and brand agency, presenting services, projects, ventures, team, awards and a blog across four locales. The entire frontend was built from scratch — custom sections, a bespoke i18n layer, a homegrown headless CMS and a custom cursor — rather than assembled from a template or third-party CMS. It runs on the Next.js 16 App Router with React 19 and the React Compiler enabled.

What It Does

It serves richly animated, locale-aware pages in Turkish, English, Spanish and French, with content synced across all four locales by shared ID. A self-contained, token-protected admin CMS exposes CRUD API routes for projects, blogs, ventures, brands, team, awards, categories and legal pages, backed by flat JSON files and filesystem media uploads. A 20+ brand portfolio, a dynamic multi-locale sitemap and rich structured data round out the public site.

Tech Stack

Next.js 16React 19TypeScriptTailwind CSSshadcn/uiGSAPScrollTriggerFramer Motion

View Live

Key Features

Four-language content (tr/en/es/fr) with locale-based routing and per-locale blog slugs

Bespoke i18n layer (no next-intl or i18next) with English fallback and Turkish-aware casing

Self-contained headless CMS with token-protected admin, CRUD API routes and cross-locale content sync

Markdown-based rich-text editing with secure, filesystem-backed media uploads

GSAP and ScrollTrigger section animations, custom animated backgrounds and a dual-layer custom cursor

Brand/portfolio showcase of 20+ brands, plus services, ventures, team, awards, blog and careers

Dynamic multi-locale sitemap with hreflang alternates and per-crawler robots rules

Rich JSON-LD structured data (Organization, WebSite, FAQ) and OpenGraph/Twitter metadata

Technical Highlights

→Next.js 16 App Router with React 19 and the React Compiler enabled, TypeScript, standalone output

→Frontend built entirely from scratch; Tailwind CSS v4 (CSS-first config) with shadcn/ui primitives

→GSAP 3 with ScrollTrigger across roughly 18 components, plus Framer Motion for interactive UI

→Custom dual-layer cursor and animated backgrounds, both touch-aware and theme-aware

→File-based persistence (flat JSON, no database) with a secure custom upload-serving route guarding against path traversal

→Homegrown admin auth: base64 session tokens with expiry and in-memory login rate limiting

→Multi-stage Dockerfile and GitLab CI publishing images to the container registry

Key Achievements

Built the entire agency flagship frontend from scratch, including a bespoke i18n system and a homegrown headless CMS

Delivered a four-locale content model with automatic cross-locale sync and localized blog slugs

Engineered an animation-heavy experience (GSAP/ScrollTrigger, custom cursor) without sacrificing SEO

Implemented comprehensive SEO/GEO: hreflang sitemap, AI-crawler rules, and layered JSON-LD structured data

Shipped a zero-database content workflow backed by JSON files and secure filesystem uploads

Impact & Results

Frontend built from scratch at Group Taiga as the agency flagship site, live at grouptaiga.com. It doubles as a showcase of high-craft, animation-heavy, internationalized web work.