Dit is Watt is built with a focus on flexibility, speed, and editorial control. The stack includes Next.js for the frontend, Vercel for deployments and hosting, DatoCMS as the headless content management system, and GSAP for animations and interactions throughout the entire site.
The content structure in DatoCMS is modular, allowing editors to build pages from reusable blocks. Each block maps directly to a React component, keeping the editing experience intuitive while ensuring the front-end remains consistent and flexible. This structure gives content teams full control over page layout without needing developer involvement.
Preview mode is a key feature of the editorial workflow. Using Next.js Draft Mode, editors can view unpublished content in a live environment before pushing it live. The site fetches this draft content directly from DatoCMS and displays it as it will appear once published. This ensures complete confidence before updates go public.
Content updates are made live instantly through Incremental Static Regeneration (ISR). When an editor publishes changes in DatoCMS, a webhook triggers automatic revalidation of only the affected pages. There’s no need for a full rebuild, and updates are visible on the live site within seconds. This keeps the site fast and up to date without interrupting user experience.
GSAP is used across the site to power animations and transitions, giving the entire experience a polished and dynamic feel. Whether it’s subtle fades, smooth scroll effects, or interactive elements, GSAP ensures every movement feels deliberate and responsive. This adds an extra layer of engagement without compromising performance.
In short, Dit is Watt is a highly dynamic platform that puts content creators in control, with real-time previews, instant updates, and a smooth editing experience.
