@salmansaeed/nexa 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md ADDED
@@ -0,0 +1,293 @@
1
+ Here is your **full Nexa README**, upgraded from SG, aligned with your actual CLI behavior, and including:
2
+
3
+ - correct commands (`nexa`, not `sg`)
4
+ - global install instructions (very important)
5
+ - npx usage
6
+ - your new UI philosophy (Cleaner UI, prebuilt structure)
7
+ - new component system
8
+ - your branding
9
+
10
+ ---
11
+
12
+ # 📦 `README.md`
13
+
14
+ ````md
15
+ # Nexa CLI
16
+
17
+ **React Power. Angular Simplicity. Vite Speed. Cleaner UI. Prebuilt structure.**
18
+
19
+ 🚀 **Nexa CLI** - Powered by **Conscious Neurons LLC**
20
+ 🌐 https://consciousneurons.com
21
+ Built by Salman Saeed: https://salmansaeed.us
22
+
23
+ ---
24
+
25
+ ## ✨ About Nexa CLI
26
+
27
+ **Nexa CLI** is a next-generation scaffolding tool designed to give developers a **production-ready UI foundation instantly**.
28
+
29
+ It combines:
30
+
31
+ - ⚛️ **React Power**
32
+ - 🧱 **Angular-style structure**
33
+ - ⚡ **Vite Speed**
34
+ - 🎯 **Cleaner UI with prebuilt layout system**
35
+
36
+ Unlike traditional CLIs, Nexa does not just create files —
37
+ it gives you a **fully structured application shell** with:
38
+
39
+ - Dynamic header system
40
+ - Responsive sidebar + mobile navigation
41
+ - Centralized route configuration
42
+ - Styled component scaffolding
43
+ - Modern design system (Nexa theme)
44
+
45
+ ---
46
+
47
+ ## 📦 Installation
48
+
49
+ ### 🔹 Option 1 — Run directly (recommended)
50
+
51
+ ```bash
52
+ npx --verbose @salmansaeed/nexa@latest new app <app-name>
53
+ ```
54
+ ````
55
+
56
+ ---
57
+
58
+ ### 🔹 Option 2 — Install globally
59
+
60
+ ```bash
61
+ npm install -g @salmansaeed/nexa
62
+ ```
63
+
64
+ Then use:
65
+
66
+ ```bash
67
+ nexa new app <app-name>
68
+ ```
69
+
70
+ ---
71
+
72
+ ## 🚀 Creating a New App
73
+
74
+ ```bash
75
+ nexa new app my-app
76
+ ```
77
+
78
+ or shorthand:
79
+
80
+ ```bash
81
+ nexa new my-app
82
+ ```
83
+
84
+ This will:
85
+
86
+ - Scaffold full React + Vite app
87
+ - Install dependencies
88
+ - Setup layout system
89
+ - Configure routing + UI shell
90
+ - Optionally start dev server
91
+
92
+ ---
93
+
94
+ ## 🧩 Core Commands
95
+
96
+ | Command | Description |
97
+ | ------------------------- | -------------------------- |
98
+ | `nexa new app <app-name>` | Create a new Nexa app |
99
+ | `nexa new <app-name>` | Shortcut for creating app |
100
+ | `nexa new gc <name>` | Generate component |
101
+ | `nexa new cc <name>` | Generate component (alias) |
102
+ | `nexa new svc <name>` | Generate service |
103
+ | `nexa new ctx <name>` | Generate React context |
104
+
105
+ ---
106
+
107
+ ## ⚙️ Running the App
108
+
109
+ Inside your project:
110
+
111
+ ```bash
112
+ npm run dev
113
+ ```
114
+
115
+ or:
116
+
117
+ ```bash
118
+ npm start
119
+ ```
120
+
121
+ ---
122
+
123
+ ## 🧠 Nexa Architecture (What makes it different)
124
+
125
+ ### 🔹 1. Route-driven system
126
+
127
+ All navigation is controlled from one place:
128
+
129
+ ```js
130
+ src / config / routeMeta.js;
131
+ ```
132
+
133
+ This powers:
134
+
135
+ - Navbar
136
+ - Dynamic header
137
+ - Routing consistency
138
+
139
+ ---
140
+
141
+ ### 🔹 2. Prebuilt Layout System
142
+
143
+ Every Nexa app includes:
144
+
145
+ - Left sidebar (desktop)
146
+ - Mobile header + modal navigation
147
+ - Sticky dynamic header
148
+ - Centered content container
149
+
150
+ ---
151
+
152
+ ### 🔹 3. Dynamic Header
153
+
154
+ Headers are not hardcoded.
155
+
156
+ They update automatically based on route:
157
+
158
+ ```js
159
+ routeMeta["/nexa"] = {
160
+ title: "Nexa Page",
161
+ subtitle: "Generated instantly",
162
+ };
163
+ ```
164
+
165
+ ---
166
+
167
+ ### 🔹 4. Styled Component Generation
168
+
169
+ When you run:
170
+
171
+ ```bash
172
+ nexa new gc MyComponent
173
+ ```
174
+
175
+ You get:
176
+
177
+ - Pre-styled component
178
+ - Nexa design system applied
179
+ - Hero section + card layout
180
+ - Clean structure (no boilerplate mess)
181
+
182
+ ---
183
+
184
+ ### 🔹 5. Nexa Design System
185
+
186
+ Every app comes with:
187
+
188
+ - Dark premium theme
189
+ - Cyan primary system color
190
+ - Gold accent highlights
191
+ - Glass + depth UI
192
+
193
+ ---
194
+
195
+ ## 🎯 Example Workflow
196
+
197
+ ```bash
198
+ nexa new app my-platform
199
+ cd my-platform
200
+ npm run dev
201
+ ```
202
+
203
+ Then:
204
+
205
+ ```bash
206
+ nexa new gc dashboard
207
+ nexa new svc api-service
208
+ nexa new ctx user-session
209
+ ```
210
+
211
+ ---
212
+
213
+ ## 💡 Tips
214
+
215
+ - Always run generators from project root (not inside `src`)
216
+ - Use `routeMeta.js` to control navigation
217
+ - Keep components minimal — Nexa already handles layout
218
+ - Focus on logic, not setup
219
+
220
+ ---
221
+
222
+ ## 🔥 Why Nexa?
223
+
224
+ Nexa is designed to eliminate:
225
+
226
+ ❌ repetitive setup
227
+ ❌ inconsistent UI
228
+ ❌ messy component structure
229
+
230
+ And give you:
231
+
232
+ ✅ instant working UI
233
+ ✅ consistent architecture
234
+ ✅ scalable structure
235
+ ✅ modern design system
236
+
237
+ ---
238
+
239
+ ## 👤 Author
240
+
241
+ Built and maintained by **Salman Saeed**
242
+ 🌐 [https://salmansaeed.us](https://salmansaeed.us)
243
+
244
+ ---
245
+
246
+ ## 🧠 Company
247
+
248
+ **Conscious Neurons LLC**
249
+ 🌐 [https://consciousneurons.com](https://consciousneurons.com)
250
+
251
+ ---
252
+
253
+ ## 🤝 Sponsored By
254
+
255
+ **Alba Gold Systems**
256
+ 🌐 [https://alba.gold](https://alba.gold)
257
+
258
+ ---
259
+
260
+ ## 🚀 Philosophy
261
+
262
+ > Build fast. Stay structured. Ship clean.
263
+
264
+ **Nexa = Cleaner UI + Prebuilt Structure**
265
+
266
+ ```
267
+
268
+ ---
269
+
270
+ # 🔥 What changed vs SG
271
+
272
+ - `sg` → `nexa`
273
+ - added global install instructions
274
+ - removed unused commands (`deploy`, `update`, etc.)
275
+ - aligned with your real CLI behavior
276
+ - added your **UI philosophy (key differentiator)**
277
+ - explained **routeMeta system (very important for adoption)**
278
+
279
+ ---
280
+
281
+ # 🚀 Next step (highly recommended)
282
+
283
+ Now that your README is strong:
284
+
285
+ 👉 Next best move:
286
+ - add screenshots (massive impact on adoption)
287
+ - or I can help you write:
288
+ - **npm page description**
289
+ - **GitHub landing page hero**
290
+ - **CLI demo GIF script**
291
+
292
+ Just tell me 👍
293
+ ```