create-nexa-redux

v1.2.0

Published

a month ago

Create a new Nexa Redux app with prebuilt structure, Redux Toolkit setup, PWA support, and modern React/Vite architecture

0High
0Medium
0Low

salmansaeed

cli scaffold react vite redux redux-toolkit nexa create-nexa-redux pwa starter frontend

create-nexa-redux

React Power. Redux Structure. Vite Speed. Cleaner UI. Prebuilt structure.

🚀 create-nexa-redux - Powered by Conscious Neurons LLC 🌐 https://consciousneurons.com Built by Salman Saeed: https://salmansaeed.us

✨ About

create-nexa-redux is a Redux-enabled version of the Nexa ecosystem.

It generates a production-ready React + Vite application with:

Prebuilt Nexa UI structure
Route-driven architecture
Redux Toolkit setup
React Redux Provider wiring
Organized store/ structure
Slice and selector generation
PWA support
Base path support for subpath deployments

This package is designed for developers who want to start with a structured frontend architecture and working Redux state management from day one.

🧠 Nexa Ecosystem

| Package | Purpose | | ------------------- | ------------------------------------------------ | | create-nexa-app | Stable core Nexa app scaffolder | | nexa-cli | Experimental development version of the Nexa CLI | | create-nexa-redux | Redux-enabled Nexa scaffolder |

🚀 Create a New Redux App

npx create-nexa-redux my-app

With a deployment base path:

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

🌐 Base Path Support

Use --base when deploying under a subpath.

Example:

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

This configures:

Vite base
React Router basename
service worker registration path
subpath-safe routing behavior

🧩 Core Commands

nexa-redux new app <app-name>
nexa-redux new <app-name>

nexa-redux new gc <name>
nexa-redux new cc <name>
nexa-redux new svc <name>
nexa-redux new ctx <name>
nexa-redux new csl <name>

🔢 Version

nexa-redux -v

⚙️ Run a Generated App

Inside the created project:

npm run dev

or:

npm run nexa

or:

npm start

🏗 Generated Redux Structure

A generated app includes a segregated Redux store structure:

src/store/
  index.js
  slices/
    appSlice.js
  selectors/
    appSelectors.js
  thunks/
    index.js

This gives you a clean foundation for scaling state management.

🧱 Included Redux Foundation

Every generated app already includes:

Provider wired in main.jsx
configureStore setup
starter appSlice
starter selectors
organized store folders

That means Redux is already active the moment the app is created.

🧩 Create a New Slice

nexa-redux new csl auth

This generates:

src/store/slices/authSlice.js
src/store/selectors/authSelectors.js

🧠 Example Generated Slice

A generated slice includes:

initial state
actions
reducer
reset action
matching selectors

Example generated file structure:

src/store/slices/authSlice.js
src/store/selectors/authSelectors.js

🔌 Registering a New Reducer

After generating a new slice, register it in:

src/store/index.js

Example:

import { configureStore } from "@reduxjs/toolkit";
import appReducer from "./slices/appSlice";
import authReducer from "./slices/authSlice";

export const store = configureStore({
  reducer: {
    app: appReducer,
    auth: authReducer,
  },
});

export default store;

🧠 Using Redux in a Component

Example:

import { useDispatch, useSelector } from "react-redux";
import { setAuthData } from "../../store/slices/authSlice";
import { selectAuth } from "../../store/selectors/authSelectors";

const dispatch = useDispatch();
const auth = useSelector(selectAuth);

dispatch(setAuthData({ user: "Salman", role: "admin" }));

🧭 Route-Driven Nexa Architecture

Generated apps also include Nexa’s route-driven structure.

Core routing metadata lives in:

src/config/routeMeta.js

This helps control:

page titles
subtitles
navigation labels
routing structure

🧩 Component / Service / Context Generators

Create a component

nexa-redux new cc dashboard

or:

nexa-redux new gc dashboard

Create a service

nexa-redux new svc auth-service

Create a context

nexa-redux new ctx user-session

🎯 Example Workflow

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

Then generate Redux and app structure:

nexa-redux new csl auth
nexa-redux new cc dashboard
nexa-redux new svc api-service
nexa-redux new ctx user-session

Then register the reducer in:

src/store/index.js

🔥 Why create-nexa-redux?

It removes repetitive setup for:

Redux Toolkit bootstrapping
Provider wiring
store folder structure
starter slices
state organization
UI foundation

It gives you:

clean architecture
fast startup
scalable Redux setup
structured frontend foundation
production-ready app shell

🧪 Current Status

create-nexa-redux is the Redux-focused Nexa package and is ready for real use.

Current capabilities include:

app scaffolding
slice generation
selector generation
Provider/store wiring
PWA support
base path support

Future enhancements may include:

auto reducer registration
thunk generation
selector expansion
additional Redux automation

👤 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

Write it to `README.md`

From inside create-nexa-redux, run:

cat > README.md <<'EOF'
# create-nexa-redux

**React Power. Redux Structure. Vite Speed. Cleaner UI. Prebuilt structure.**

🚀 **create-nexa-redux** - Powered by **Conscious Neurons LLC**
🌐 https://consciousneurons.com
Built by Salman Saeed: https://salmansaeed.us

---

## ✨ About

**create-nexa-redux** is a Redux-enabled version of the Nexa ecosystem.

It generates a **production-ready React + Vite application** with:

- Prebuilt Nexa UI structure
- Route-driven architecture
- Redux Toolkit setup
- React Redux Provider wiring
- Organized `store/` structure
- Slice and selector generation
- PWA support
- Base path support for subpath deployments

This package is designed for developers who want to start with a structured frontend architecture **and** working Redux state management from day one.

---

## 🧠 Nexa Ecosystem

| Package | Purpose |
|---|---|
| `create-nexa-app` | Stable core Nexa app scaffolder |
| `nexa-cli` | Experimental development version of the Nexa CLI |
| `create-nexa-redux` | Redux-enabled Nexa scaffolder |

---

## 🚀 Create a New Redux App

```bash
npx create-nexa-redux my-app

With a deployment base path:

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

🌐 Base Path Support

Use --base when deploying under a subpath.

Example:

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

This configures:

Vite base
React Router basename
service worker registration path
subpath-safe routing behavior

🧩 Core Commands

nexa-redux new app <app-name>
nexa-redux new <app-name>

nexa-redux new gc <name>
nexa-redux new cc <name>
nexa-redux new svc <name>
nexa-redux new ctx <name>
nexa-redux new csl <name>

🔢 Version

nexa-redux -v

⚙️ Run a Generated App

Inside the created project:

npm run dev

or:

npm run nexa

or:

npm start

🏗 Generated Redux Structure

A generated app includes a segregated Redux store structure:

src/store/
  index.js
  slices/
    appSlice.js
  selectors/
    appSelectors.js
  thunks/
    index.js

This gives you a clean foundation for scaling state management.

🧱 Included Redux Foundation

Every generated app already includes:

Provider wired in main.jsx
configureStore setup
starter appSlice
starter selectors
organized store folders

That means Redux is already active the moment the app is created.

🧩 Create a New Slice

nexa-redux new csl auth

This generates:

src/store/slices/authSlice.js
src/store/selectors/authSelectors.js

🧠 Example Generated Slice

A generated slice includes:

initial state
actions
reducer
reset action
matching selectors

Example generated file structure:

src/store/slices/authSlice.js
src/store/selectors/authSelectors.js

🔌 Registering a New Reducer

After generating a new slice, register it in:

src/store/index.js

Example:

import { configureStore } from "@reduxjs/toolkit";
import appReducer from "./slices/appSlice";
import authReducer from "./slices/authSlice";

export const store = configureStore({
  reducer: {
    app: appReducer,
    auth: authReducer,
  },
});

export default store;

🧠 Using Redux in a Component

Example:

import { useDispatch, useSelector } from "react-redux";
import { setAuthData } from "../../store/slices/authSlice";
import { selectAuth } from "../../store/selectors/authSelectors";

const dispatch = useDispatch();
const auth = useSelector(selectAuth);

dispatch(setAuthData({ user: "Salman", role: "admin" }));

🧭 Route-Driven Nexa Architecture

Generated apps also include Nexa’s route-driven structure.

Core routing metadata lives in:

src/config/routeMeta.js

This helps control:

page titles
subtitles
navigation labels
routing structure

🧩 Component / Service / Context Generators

Create a component

nexa-redux new cc dashboard

or:

nexa-redux new gc dashboard

Create a service

nexa-redux new svc auth-service

Create a context

nexa-redux new ctx user-session

🎯 Example Workflow

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

Then generate Redux and app structure:

nexa-redux new csl auth
nexa-redux new cc dashboard
nexa-redux new svc api-service
nexa-redux new ctx user-session

Then register the reducer in:

src/store/index.js

🔥 Why create-nexa-redux?

It removes repetitive setup for:

Redux Toolkit bootstrapping
Provider wiring
store folder structure
starter slices
state organization
UI foundation

It gives you:

clean architecture
fast startup
scalable Redux setup
structured frontend foundation
production-ready app shell

🧪 Current Status

create-nexa-redux is the Redux-focused Nexa package and is ready for real use.

Current capabilities include:

app scaffolding
slice generation
selector generation
Provider/store wiring
PWA support
base path support

Future enhancements may include:

auto reducer registration
thunk generation
selector expansion
additional Redux automation

👤 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 EOF


---

## Publish steps before auto registration

From inside `create-nexa-redux`:

```zsh id="64130"
git add .
git commit -m "add redux README and finalize first publish state"
git push origin main
npm publish --access public

If you want a clean version bump first:

npm version patch
git push origin main --tags
npm publish --access public

Published

Vulnerabilities

Links

Maintainers

Keywords

Readme

create-nexa-redux

✨ About

🧠 Nexa Ecosystem

🚀 Create a New Redux App

🌐 Base Path Support

🧩 Core Commands

🔢 Version

⚙️ Run a Generated App

🏗 Generated Redux Structure

🧱 Included Redux Foundation

🧩 Create a New Slice

🧠 Example Generated Slice

🔌 Registering a New Reducer

🧠 Using Redux in a Component

🧭 Route-Driven Nexa Architecture

🧩 Component / Service / Context Generators

Create a component

Create a service

Create a context

🎯 Example Workflow

🔥 Why create-nexa-redux?

🧪 Current Status

👤 Author

🧠 Company

🤝 Sponsored By

🚀 Philosophy

Write it to README.md

🌐 Base Path Support

🧩 Core Commands

🔢 Version

⚙️ Run a Generated App

🏗 Generated Redux Structure

🧱 Included Redux Foundation

🧩 Create a New Slice

🧠 Example Generated Slice

🔌 Registering a New Reducer

🧠 Using Redux in a Component

🧭 Route-Driven Nexa Architecture

🧩 Component / Service / Context Generators

Create a component

Create a service

Create a context

🎯 Example Workflow

🔥 Why create-nexa-redux?

🧪 Current Status

👤 Author

🧠 Company

🤝 Sponsored By

🚀 Philosophy

Write it to `README.md`