Editorial news and magazine template built with Next.js, Tailwind CSS and Sanity. Video hero slider, category pages, article layouts and a working contact form.





Single project license · lifetime updates
Feature up to six stories in a wide slider at the top of the home page. Each slide plays the post's video silently in a loop, or shows its image, with the date, headline and author on top. Swipe, drag or let it autoplay.
A three-column layout made for news: a lead story with image and excerpt, text-only headlines on one side, and an advert slot with thumbnail stories on the other. Every slot is picked from your posts in the Studio.
Every category gets its own listing page with a page title, a three-column post grid and numbered pagination. Add a category to the menu in one click and it highlights while visitors browse it.
Long-form layout with a large image or video player, date, intro and rich text. The sidebar shows a newsletter signup, the post's tags, a featured story card and the latest posts. Share buttons for Facebook, LinkedIn and X.
Upload an MP4 or WebM to any post. It plays in the hero slider, gets a play button on cards, and shows a full player on the article page with the image as its poster.
Fifteen written articles across Science, Politics, Economics and Videos, three authors, and every image and video from the demo, imported with `npm run seed`.
Full documentation included — a step-by-step guide from download to deployed.
Grab the zip from your account, unzip it and open the folder in your terminal.
One command pulls in Next.js, Sanity, Tailwind and everything else.

Book a free 30-minute strategy call. No pressure, no pitch — just an honest assessment of what's holding your site back.
Designed for desktop and built mobile-first: columns stack cleanly on phones, the menu scrolls horizontally, and images are cropped around the focal point you set in the Studio.
Server-rendered with Next.js, optimised images, semantic headings, labelled forms and keyboard-friendly navigation. The slider pauses autoplay for visitors who prefer reduced motion.
Includes a `CLAUDE.md` project guide and a `/build-section` command, so AI coding assistants like Claude Code follow the template's conventions when you add new sections from your own Figma designs.
Copy the example env file and add your Sanity project ID and dataset.
Preview locally, then ship to Vercel, Netlify or Cloudflare — settings are pre-configured.
# 1. Download & open the projectcd my-template # 2. Install dependenciesnpm install # 3. Configure environmentcp .env.example .env.local# then add your Sanity project ID # 4. Run locally, then deploynpm run devnpm run build