Skip to content

Moxie Next.js agency and portfolio template

Next.js 16 + React 19 Creative Agency / Design Studio i18n-ready Agent-ready

A motion-led Next.js agency and portfolio template with a color-mesh hero, Markdown case studies, services and journal, and a project lightbox.

It is the Next.js edition of the Moxie theme: the same pages, sections and motion as the live preview, written as React components and exported as static HTML.

$59 one-time, lifetime updates

Prefer Astro? See the Moxie Astro theme. Both editions are included in the All-Access Pass.

What is in the Moxie Next.js project

A complete Next.js project you own, checked page by page against the Astro edition at phone, tablet and desktop widths.

  • Next.js 16 with the App Router, React 19 and TypeScript
  • The same CSS as the Astro edition, with Tailwind CSS 4 where that edition uses it
  • Static export: plain HTML, CSS and JavaScript in out/, no server to run
  • Deploy setups for Vercel, Netlify, Cloudflare Pages and GitHub Pages
  • All the copy in src/i18n/locales/en.ts (read through src/config/site.ts), so you rebrand without opening a component
  • Its case studies, services and journal articles as Markdown files, checked against a schema when you build
  • Translation-ready routes: add a language with one file, right-to-left included
  • AGENTS.md and CLAUDE.md, so coding assistants know where everything lives

Pages included

The same page set as the Astro edition, each one a route in the Next.js App Router.

Home Work Work Detail Services Service Detail Studio Journal Journal Post Contact Privacy Terms 404

See Moxie in action

Screens from the live preview. The Next.js template renders the same pages.

Moxie Next.js template - Homepage hero - living color mesh, oversized positioning, and scroll-linked motion
Homepage hero - living color mesh, oversized positioning, and scroll-linked motion
Moxie Next.js template - Selected work collection with responsive project imagery and hover interactions
Selected work collection with responsive project imagery and hover interactions
Moxie Next.js template - Gradient service collection with individual visual marks and generated detail pages
Gradient service collection with individual visual marks and generated detail pages
Moxie Next.js template - Three configurable engagement models for sprints, launches, and ongoing studio support
Three configurable engagement models for sprints, launches, and ongoing studio support
Moxie Next.js template - EmDash CMS admin - every page, project, service and post is editable, with click-to-edit on the live site
EmDash CMS admin - every page, project, service and post is editable, with click-to-edit on the live site
Moxie Next.js template - One Pages collection: Home, Studio, Contact, Work, Services, Journal, Privacy, Terms and site settings
One Pages collection: Home, Studio, Contact, Work, Services, Journal, Privacy, Terms and site settings

Questions about the Moxie Next.js template

Is Moxie a React template?

Yes. Moxie is a Next.js 16 project, and Next.js is built on React, so every page and section is a React component. Pages render to HTML when you build, and the interactive parts run as client components in the browser.

Do I need Vercel to host it?

No. The template exports plain HTML, CSS and JavaScript to the out/ folder, so it runs on Netlify, Cloudflare Pages, GitHub Pages or any static host. Vercel works too, with no settings. You only need a host that runs Node if you add server features such as API routes.

Does it include sign-in or payments?

No. It is a website template: the pages, the design and the content. The contact and signup forms start in a demo mode and send nothing until you connect a form service.

How is it different from the Moxie Astro theme?

It is the same design and the same pages, built with Next.js and React instead of Astro. The two are separate purchases at the same price, and the All-Access Pass includes both. Pick this one if you or your team build in React.