UTNAC PRECISION (Example)

Conversion-optimized industrial business platform demo built with Next.js 13 App Router, Tailwind CSS, Contentlayer (MDX), Upstash Redis (simulated KPI counter), and a Gemini-backed AI “Material Consultant”.

Disclaimer

This is an example website for a fictional industrial brand (UTNAC PRECISION). It is intended to demonstrate design + engineering capability.

Requirements

• Node.js (recommended: the version you already use for this repo)
• pnpm (via Corepack)

Setup

Install dependencies:

corepack enable
corepack prepare pnpm@latest --activate
pnpm install

Create .env from .env.example and set values:

• UPSTASH_REDIS_REST_URL
• UPSTASH_REDIS_REST_TOKEN
• GEMINI_API_KEY

Run locally

pnpm dev

Open http://localhost:3000.

Build + run production

pnpm build
pnpm start

Key routes

• / – Landing page + AI-Powered Material Consultant
• /projects – Service Capabilities (Redis-backed simulated KPI)
• /projects/[slug] – Capability detail page (MDX + KPI increment)
• /contact – RFQ / contact actions

Deployment (Vercel)

Set the same environment variables in Vercel:

• UPSTASH_REDIS_REST_URL
• UPSTASH_REDIS_REST_TOKEN
• GEMINI_API_KEY

Then deploy normally.