@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 +293 -0
- package/bin/nexa.js +1162 -0
- package/package.json +46 -0
- package/template/jsconfig.json +12 -0
- package/template/nexa.config.js +20 -0
- package/template/public/favicon.jpeg +0 -0
- package/template/public/index.html +14 -0
- package/template/public/logo.jpeg +0 -0
- package/template/public/manifest.json +20 -0
- package/template/src/App.css +117 -0
- package/template/src/App.jsx +44 -0
- package/template/src/components/DynamicHeader/DynamicHeader.css +55 -0
- package/template/src/components/DynamicHeader/DynamicHeader.jsx +39 -0
- package/template/src/components/Home/Home.css +189 -0
- package/template/src/components/Home/Home.jsx +24 -0
- package/template/src/components/Navbar/Navbar.css +217 -0
- package/template/src/components/Navbar/Navbar.jsx +85 -0
- package/template/src/components/Navbar/index.js +2 -0
- package/template/src/components/Nexa/Nexa.css +116 -0
- package/template/src/components/Nexa/Nexa.jsx +56 -0
- package/template/src/config/routeMeta.js +16 -0
- package/template/src/index.css +0 -0
- package/template/src/main.jsx +13 -0
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
|
+
```
|