hasnat.dev
← cd ../#projects
#Next.js#TypeScript#Tailwind CSS#GitHub Actions#Nextly CMS#Auth.js#Drizzle ORM#Vercel Blob#Editor.js#Shadcn UI#TanStack Query#Framer Motion#JSON-LD

Revnix

AI and web engineering agency website with service pages, pricing, and case studies

Full Stack Developer·May 2024 – ongoing·↗ live

Overview

Revnix is the flagship marketing and corporate platform for an AI and web engineering agency led by a Toptal Top 3% engineer. The site showcases dual service offerings—custom AI agents (RAG systems, workflow automation) and production web applications (SaaS MVPs, internal dashboards)—alongside tiered pricing structures, open-source product showcases, and a discovery call booking funnel. Operating as the most actively developed repository in the portfolio, Revnix unites dynamic CMS content, e-commerce account features, AI-facing endpoints, and robust admin tooling.

The Problem & Challenges

As the agency scaled, the platform required a complete evolution across its content, backend tooling, and SEO infrastructure:

  • Dynamic Content & Admin Tooling: The site needed to move away from static, hardcoded layouts toward a dynamic, CMS-driven architecture with a custom form builder and full backend admin dashboard (authentication, role-based access control, media management).
  • SEO & AI Discoverability: Achieving top-tier organic reach required a coordinated five-phase SEO overhaul (structured data, sitemap architecture, social sharing previews) alongside fast, low-cost endpoints tailored for AI answer engines.
  • Self-Serve Client Portal: Agency clients and account holders needed persistent order tracking, invoice generation, and account management capabilities.
  • Pipeline Reliability: Rapid concurrent development caused deployment conflicts and CSV bulk-operation failures that required structural resolution.

Solution & Architecture

I engineered an enterprise-grade web platform uniting dynamic marketing infrastructure with a full-featured backend admin dashboard:

  • Full CMS-Backed Admin Workspace: Co-engineered the internal admin platform featuring authentication via Auth.js, granular role-based access control (RBAC), user management, Vercel Blob media libraries, automated email workflows, and Editor.js rich-text editing with Shadcn UI.
  • Dynamic Content Engine: Architected dynamic page generation for blog archives, service pages, and case studies driven entirely by Nextly CMS collections, integrating custom form builders with automated backend submission handlers.
  • Five-Phase SEO Overhaul: Led a comprehensive SEO initiative encompassing sitewide JSON-LD structured data validation, sitemap optimization, and a complete redesign of Open Graph social share cards around a new brand wordmark.
  • AI-Facing Endpoint Caching: Engineered aggressive build-time static generation and edge caching for AI/LLM-facing routes (llms-full.txt and feed.xml), ensuring sub-100ms, low-cost delivery to automated crawlers.
  • Self-Serve Client Portal: Built persistent order creation workflows, an interactive account sidebar, and PDF invoice download functionality, secured by edge middleware authentication and session management.
  • CI/CD & Bug Resolution: Standardized the CI/CD deployment pipeline, resolved lingering Vercel build blockers, and debugged a complex CSV bulk-operation error in admin data tables.

Key Features & Contributions

  • Full-Featured Admin Workspace: Co-engineered internal dashboard with Auth.js, RBAC, media libraries, and Editor.js form builders.
  • Dynamic Content Engine: Blog, service pages, and case studies driven entirely by Nextly CMS collections.
  • Five-Phase SEO Overhaul: Comprehensive JSON-LD structured data, sitemap architecture, and redesigned Open Graph cards.
  • Self-Serve Client Portal: Persistent order history, account management sidebar, and automated PDF invoice generation.
  • AI-Facing Endpoint Caching: Low-cost, high-speed edge delivery for llms-full.txt and RSS feeds.
  • Continuous Deployment Pipeline: Automated CI/CD workflows with automated error handling and CSV bulk-action bug resolution.

Tech Stack

  • Framework: Next.js (App Router), React 19
  • Language: TypeScript
  • CMS & Auth: Nextly CMS, Auth.js, Drizzle ORM (PostgreSQL)
  • Storage & Cloud: Vercel Blob, Vercel Edge Network
  • UI & Editor: Tailwind CSS, Shadcn UI, Editor.js, TanStack Query, Framer Motion
  • SEO: JSON-LD Structured Data

Outcome & Impact

The five-phase SEO overhaul and cached AI discovery endpoints significantly increased organic discoverability across traditional search engines and AI answer engines. The CMS-backed admin workspace empowered non-technical staff to manage content, user permissions, and marketing funnels independently without developer overhead. The self-serve client portal streamlined billing and account management, while CI/CD automation ensured safe, continuous deployments for a rapidly iterating engineering team.

share: