Trenox is a premium, production-ready template for trading platforms, crypto exchanges, brokerages, investment apps, and any fintech or SaaS product that has to look trustworthy on first sight. Built on Next.js 16, React 19, and TypeScript, it ships with 30 pre-built page templates, an MDX-powered blog and integrations directory, plan pages with a working cart and checkout, and a fully editable content layer — no CMS or backend required.

Traders judge a platform in seconds, and that judgement starts on your marketing site. Every piece of content lives in JSON or MDX files, so you can launch a real client site in hours without touching the component code.

Tech Stack

Next.js 16 — App Router, server components, static-first rendering
React 19 — latest concurrent features
TypeScript — strict mode, fully typed
MDX — for blog articles and integration pages via next-mdx-remote
Hand-crafted CSS — one plain stylesheet driven by CSS custom properties, no utility framework and no build-time CSS pipeline to learn
Self-hosted fonts — Inter Tight and Great Vibes shipped as local woff2 files, with no third-party font requests at runtime
Zero backend lock-in — no CMS, no font CDN, no commerce backend dependency

Included Pages and Templates

Three homepages — V1 with an animated hero, success-rate counters, brand row, service and feature grids, testimonial slider, pricing, comparison table and FAQ; V2 and V3 each with their own hero, integrations strip and footer treatment
Three about layouts — company story with a scroll-linked client rail, mission and founder message with a cursor-following glow card, team grids, timeline, events
Three feature layouts — platform tour, comparison, deep-trade panels, an accordion-driven feature explorer, and a scroll-scrubbed card sequence
Pricing — Monthly and Yearly plans with a full comparison grid, plus 3 plan detail pages with variant pills, quantity, feature lists and add to cart
Blog — category-filtered listing plus 6 MDX articles with detail template, author byline, in-article gallery and a recent-posts strip
Integrations — searchable app directory plus 9 MDX integration pages with related apps
Contact, Careers, FAQ and Download — enquiry form, open roles, accordion FAQ, and app download page
Login, Register and Coming Soon — split-screen auth pages with a testimonial panel
Checkout, PayPal Checkout, and Order Confirmation — cart-aware flow (no real payment wired; UI demo)
Utility — style guide, changelog, license, 401 password protected, and 404

Everything prerenders to static HTML — 47 routes, all faithful to the original design.

Easy Content Editing

All editable content lives in the project's src/content folder — you never have to touch component code to launch the site. Update these files in any text editor:

blog MDX files — articles: frontmatter for title, category chip, hero and thumbnail crops, author and portrait, date, reading time, in-article gallery, standfirst, and the related-post list; Markdown for the body
integrations MDX files — directory apps: frontmatter for name, tagline, logo, summary, and the related-app list; Markdown for the detail copy
products.json — plans: handle, name, summary, icon, price, the Monthly and Yearly variants, and the feature list

Adding a file adds a page: drop in src/content/blog/my-post.mdx and /blog/my-post exists, with the index and every recent-posts strip picking it up automatically.

Colours, spacing, and the type scale are CSS custom properties in one :root block — change a value there and it updates the whole template.

Performance and SEO

Server-rendered pages out of the box (App Router) — every route prerenders to static HTML
Self-hosted fonts and images — no third-party CDN requests at runtime
Lazy-loaded imagery throughout, with above-the-fold artwork loaded eagerly
Open Graph and Twitter card metadata on every page
Semantic HTML structure and a route-aware active navigation state
Every animation respects the reduced motion setting
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 and TypeScript source code
30 pre-built page templates
Sample content (6 blog posts, 9 integrations, 3 plans)
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)

Trenox - Next.js 16 Trading, Crypto and Finance Template