Nuvora is a premium, production-ready template for architecture studios, real estate agencies, property developers, and interior design brands. Built on Next.js 16, React 19, and TypeScript, it ships with 38 pre-built pages, an MDX-powered blog, projects, and services system, product plan pages with a working cart, and a fully editable content layer — no CMS or backend required.

It's styled with the template's own hand-crafted CSS design system (no utility-framework lock-in) and a self-contained interaction layer. Every blog post, project, and service is a Markdown/MDX file — so you can launch a real client site in hours without touching the component code.

Live demo: https://nuvora-nextjs.vercel.app

Tech Stack

Next.js 16 — App Router, server components, all 40 routes prerendered to static HTML
React 19 — latest features; interactivity isolated to one client component
TypeScript — strict mode, fully typed
MDX — blog, projects, and services via next-mdx-remote (frontmatter parsed with gray-matter), served by [slug] dynamic routes
Hand-crafted CSS design system — colors, type scale, and spacing as CSS custom-property tokens in one :root block; re-theme everything in one place
Self-hosted fonts — Mona Sans and Instrument Serif served locally, no third-party font CDN
Zero backend lock-in — no CMS, no commerce backend; the cart persists in localStorage

Included Pages and Templates

Home — full-bleed image hero with a play-to-open video lightbox, animated slot-roll statistics (years of experience, projects, awards, partnerships), a featured project showcase, achievements grid, expert-services list, switchable testimonial tabs, a blog feed, and a contact CTA
About — studio story, stats, and testimonials
Projects — portfolio listing plus 11 project case-study pages with immersive galleries and a keyboard-navigable lightbox
Services — 5 service detail pages (commercial sales & leasing, construction & renovation, home staging & marketing, interior design, rental & leasing)
Pricing — plan comparison with a Monthly/Yearly toggle
Blog — listing with client-side category filtering plus 6 MDX posts with a detail template
Products — 2 plan pages with add-to-cart
Commerce — mini-cart drawer, Checkout, PayPal Checkout, Order Confirmation (UI demo, no real payment)
Utility — Style Guide, License, Changelog, 401 (password), 404

Easy Content Editing

No CMS needed — content lives in editable files you can change in any text editor:

Blog posts — src/content/blog/*.mdx (frontmatter + Markdown body). Add a file to publish a new post; the listing and detail page pick it up automatically.
Projects — src/content/projects/*.mdx, same pattern (drives the /project/<slug> case studies and the portfolio listing).
Services — src/content/services/*.mdx, same pattern (drives the /service/<slug> pages).
Plans — src/content/products.json drives the /product/<handle> pages, the /pricing feature lists, and the cart from one source of truth.
Theme — brand colors, fonts, type scale, and spacing are CSS custom properties at the top of public/assets/css/styles.css — change them once to re-skin the whole site.
Header, footer & cart — shared components edited once in src/components/layout/.

Performance and SEO

Static-rendered pages out of the box (App Router) — all 40 routes prerendered, including every MDX post, project, and service
Responsive imagery via native srcset
Self-hosted fonts — no third-party CDN requests at runtime
Per-page titles and metadata via the Next.js Metadata API (generateMetadata on dynamic routes)
Adaptive header logo — white on the dark home hero, black on every light-background page, automatically
Semantic HTML structure and clean, crawlable URLs

Deployment

One-click deploy to Vercel — build settings are auto-detected. Also runs on Netlify, AWS Amplify, Cloudflare Pages, or any Node 20+ host.

What You Get

Full Next.js 16 + TypeScript source code
38 pre-built pages covering every template section
MDX content collections: 6 blog posts, 11 projects, 5 services, plus 2 product plan pages
Self-contained HTML documentation
Comprehensive README with setup and editing guide
Friendly buyer support

Requirements

Node.js 20 or higher
Basic familiarity with the command line
A text editor (VS Code recommended)

Nuvora - Next.js 16 Sustainable Architecture & Real Estate Template