Next.js 16

Lunaar Developer Platform

Developer Console for the Lunaar AI API

Overview

The Lunaar Developer Platform is the self-serve console that lets developers integrate the Lunaar visual-commerce AI engine (sketch-to-render, try-on, 3D, AR) through a single REST API metered by a shared credit balance. It is the customer-facing surface that turns the Lunaar engine into a commercial, API-key-based product.

What It Does

Developers sign up, provision and revoke API keys, track credit consumption down to a full transaction ledger, subscribe to plans and manage billing, and explore the API from interactive documentation embedded directly in the portal. Everything is scoped to the developer's account with secure, cookie-based sessions.

Tech Stack

Next.js 16React 19TypeScriptTailwind CSSshadcn/uiTanStack QueryRechartsScalar

View Live

Key Features

API key lifecycle: create, list and revoke keys, with the plaintext secret shown once and copy-to-clipboard

Credit usage view with balance snapshot (free vs purchased, monthly limit, last reset) and a full paginated transaction ledger

Subscription billing across tiered plans: subscribe, upgrade/switch, cancel at period end, and retry failed renewals

Iyzico card payments with a real 3-D Secure challenge flow rendered in a sandboxed iframe and reconciled on callback

Promo/coupon codes with server-side validation and time-limited reservation (percentage, fixed, first-month and tiered discounts)

Saved-card management (view, update, delete) and clear state banners for pending, failed or free-tier accounts

Interactive, embedded Scalar OpenAPI reference with copy-ready request snippets

Signup with terms and marketing-consent capture, plus Turkish e-commerce compliant legal pages

Technical Highlights

→Next.js 16 App Router with React 19, TypeScript and Tailwind CSS v4

→shadcn/ui on Radix primitives, next-themes light/dark/system theming and sonner toasts

→TanStack Query v5 for data fetching/caching and Zustand (persisted) for auth identity state

→Secure auth model: backend-issued HttpOnly cookies, an AuthGuard that revalidates the session, and no tokens ever held in JavaScript

→Typed API client that unwraps a standard response envelope, retries only on true network failures, and validates env config with Zod

→react-hook-form + Zod for form validation across auth, billing and profile flows

→Embedded Scalar API reference driven from the live OpenAPI spec

Key Achievements

Turned the Lunaar AI engine into a self-serve, API-key-metered developer product with no manual onboarding

Delivered a production billing flow including full 3-D Secure, saved cards, upgrades and failed-payment recovery

Built a resilient auth layer that survives network blips with a single silent retry instead of logging users out

Shipped an interactive, always-in-sync API reference embedded in the console via the live OpenAPI spec

Impact & Results

Built at Group Taiga as the commercial front door to the Lunaar API, letting external developers self-provision keys, buy credits and integrate the AI engine without any manual onboarding. It packages key management, metering, billing and documentation into a single polished console.