Architecture

Understanding the NODDEV architecture and design principles.

NODDEV is built on a foundation of modern web technologies and best practices.

Design Philosophy

Our architecture follows three core principles:

Modularity - Each tool is independent yet interoperable
Security - Built-in protection against common vulnerabilities
Performance - Optimized for speed and efficiency

System Overview

┌─────────────────────────────────────────┐
│           Your Application              │
├─────────────────────────────────────────┤
│              Omni Core                  │
│  ┌──────────┐  ┌─────────────────────┐ │
│  │ ApiShield│  │  Terminal-RichJS    │ │
│  └──────────┘  └─────────────────────┘ │
├─────────────────────────────────────────┤
│          Next.js App Router             │
└─────────────────────────────────────────┘

Component Breakdown

Omni Framework

The central orchestration layer that manages:

State management
Data fetching
Auth handling
Error boundaries

ApiShield Middleware

Security layer providing:

OWASP Top 10 protection
Rate limiting (customizable)
JWT validation
Request sanitization

Security First

Always enable ApiShield for production deployments. It provides critical protection against common attacks.

Terminal-RichJS

CLI rendering framework for building beautiful terminal interfaces.

Integration Patterns

All components follow a consistent integration pattern:

typescript

import { withOmni } from "noddev/omni";
import { apiShield } from "noddev/apishield";
 
export default withOmni(
  apiShield({
    rateLimit: {
      windowMs: 15 * 60 * 1000,
      max: 100,
    },
  })(handler),
);

Performance Considerations

NODDEV is optimized for:

Server-Side Rendering - Full SSR support
Edge Compatibility - Runs on Vercel Edge, Cloudflare Workers
Tree Shaking - Zero unused code in production bundles

Next Steps

Dive deeper into each component:

PreviousIntroduction NextOverview

Was this helpful?

System Overview

┌─────────────────────────────────────────┐
│           Your Application              │
├─────────────────────────────────────────┤
│              Omni Core                  │
│  ┌──────────┐  ┌─────────────────────┐ │
│  │ ApiShield│  │  Terminal-RichJS    │ │
│  └──────────┘  └─────────────────────┘ │
├─────────────────────────────────────────┤
│          Next.js App Router             │
└─────────────────────────────────────────┘

Component Breakdown

The central orchestration layer that manages:

State management

Data fetching

Auth handling

Error boundaries

Security layer providing:

OWASP Top 10 protection

Rate limiting (customizable)

JWT validation

Request sanitization

Security First

Always enable ApiShield for production deployments. It provides critical protection against common attacks.

CLI rendering framework for building beautiful terminal interfaces.

import { withOmni } from "noddev/omni"; import { apiShield } from "noddev/apishield"; export default withOmni( apiShield({ rateLimit: { windowMs: 15 * 60 * 1000, max: 100, }, })(handler), );