Tech Stack

Built with modern tech

xFlow is built on a modern, scalable technology stack designed for performance, security, and developer experience.

Frontend

Next.js 16

React framework with App Router and Server Components

Key Features:

App Router
Server Components
Edge Runtime
Turbopack
Tailwind CSS

Utility-first CSS framework with custom design system

Key Features:

Utility-first
Dark mode
Custom themes
Responsive
Framer Motion

Production-ready motion library for React

Key Features:

Animations
Gestures
Layout animations
Scroll-triggered

Backend

Node.js

JavaScript runtime for server-side development

Key Features:

Event-driven
Non-blocking I/O
NPM ecosystem
High performance
TypeScript

Typed superset of JavaScript with better developer experience

Key Features:

Static typing
IntelliSense
Error prevention
Better refactoring
n8n

Workflow automation platform for connecting services

Key Features:

Visual workflows
200+ integrations
Self-hosted
Webhook support

Payments

x402 Protocol

Micropayment protocol for pay-per-use APIs

Key Features:

Micropayments
On-chain verification
Multi-chain
Instant settlement
Base Network

Ethereum L2 for fast and cheap transactions

Key Features:

Low fees
Fast finality
EVM compatible
Optimism stack
USDC

USD-pegged stablecoin for stable micropayments

Key Features:

Stable value
Fast transfers
Multi-chain
Regulated

Infrastructure

Vercel

Platform for deploying and scaling Next.js applications

Key Features:

Edge functions
Global CDN
Automatic scaling
Zero config
Redis

In-memory data store for caching and session management

Key Features:

High performance
Pub/Sub
Persistence
Clustering
Docker

Containerization platform for consistent deployments

Key Features:

Containerization
Portability
Scalability
Isolation
Architecture

How it all works together

Our technology stack is designed for scalability, security, and performance

Frontend Layer

Next.js 16 with App Router provides server-side rendering, static generation, and edge runtime capabilities for optimal performance.

API Layer

Node.js and TypeScript power our API routes, handling x402 payment flows and n8n workflow orchestration.

Payment Layer

x402 protocol enables micropayments on Base network with USDC, providing instant settlement and low fees.

Workflow Layer

n8n handles the actual workflow execution, connecting to external APIs and processing data according to your automation rules.

Data Flow

Client Request
xFlow Gateway
Payment Verification
n8n Execution
Response