Nexa CLI

React Power. Angular Simplicity. Vite Speed. Cleaner UI. Prebuilt structure.

🚀 Nexa CLI - Powered by Conscious Neurons LLC
🌐 https://consciousneurons.com
🌐 https://nexajs.dev/
Built by Salman Saeed: https://salmansaeed.us

✨ About Nexa CLI

Nexa CLI is a next-generation scaffolding tool designed to give developers a production-ready UI foundation instantly.

It combines:

• ⚛️ React Power
• 🧱 Angular-style structure
• ⚡ Vite Speed
• 🎯 Cleaner UI with prebuilt layout system

Unlike traditional CLIs, Nexa does not just create files —
it gives you a fully structured application shell with:

• Dynamic header system
• Responsive sidebar + mobile navigation
• Centralized route configuration
• Styled component scaffolding
• Modern design system (Nexa theme)

🚀 Creating a New App

npx create-nexa-app my-app

Or with base path:

npx create-nexa-app my-app --base /portal/

🌐 Base Path Support

Use --base when deploying under a subpath.

Example:

npx create-nexa-app my-app --base /portal/

This configures your app to run at:

https://example.com/portal/

What it automatically configures

• Vite base path
• manifest.json start URL + scope
• PWA asset paths
• Service worker path
• React Router basename

🧩 Core Commands

| Command | Description | | ------------------------- | ------------------------- | | nexa new app <app-name> | Create a new Nexa app | | nexa new <app-name> | Shortcut for creating app | | nexa new gc <name> | Generate component | | nexa new cc <name> | Generate component | | nexa new svc <name> | Generate service | | nexa new ctx <name> | Generate React context |

⚙️ Running the App

Inside your project:

npm run nexa

or:

npm run dev

or:

npm start

🔢 Version

nexa --version

🧠 Nexa Architecture

🔹 Route-driven system

src / config / routeMeta.js;

Controls:

• Navbar
• Dynamic header
• Routing

🔹 Prebuilt Layout System

Includes:

• Sidebar (desktop)
• Mobile navigation
• Sticky header
• Content container

🔹 Dynamic Header

routeMeta["/nexa"] = {
  title: "Nexa Page",
  subtitle: "Generated instantly",
};

🔹 Styled Component Generation

nexa new gc MyComponent

Creates:

• Styled component
• Nexa UI applied
• Clean structure

🔹 Nexa Design System

• Dark theme
• Cyan primary
• Gold accents
• Glass UI

🎯 Example Workflow

npx create-nexa-app my-platform
cd my-platform
npm run dev

Then:

nexa new gc dashboard
nexa new svc api-service
nexa new ctx user-session

💡 Tips

• Run commands from project root
• Use routeMeta.js for navigation
• Focus on logic, not setup

🔥 Why Nexa?

Eliminates:

❌ repetitive setup ❌ inconsistent UI ❌ messy structure

Gives:

✅ instant UI ✅ clean architecture ✅ scalable apps ✅ modern design

👤 Author

Salman Saeed https://salmansaeed.us

🧠 Company

Conscious Neurons LLC https://consciousneurons.com

🤝 Sponsored By

Alba Gold Systems https://alba.gold

🚀 Philosophy

Build fast. Stay structured. Ship clean.

Nexa = Cleaner UI + Prebuilt Structure

Why this placement works

• https://nexajs.dev is now top-tier visibility (same level as company)
• It reads as:
  • company → product → builder
• No clutter or repetition