gnextia-cli v8.0.0

gnextia-cli

gnextia client

Use

npx gnextia-cli <WEBAPP_NAME>
npx gnextia-cli full <WEBAPP_NAME>

Example

npx gnextia-cli webapp
cd webapp
npm i
npm start
# "or" npm run now

Create new component

cd demo
npm run component HiComponent
npm run hook HiHook

Use url2 and Img for image version

import { config, Img } from "../../config"

<Img src="img/gnextia-logo.svg" />
// to html
<img src="img/gnextia-logo.svg?<VERSION>" />

background: url2("/img/gnextia-logo.svg") no-repeat fixed center;
/* to css */
background: url("/img/gnextia-logo.svg?<VERSION>") no-repeat fixed center;

Use multi theme with sass

/**
 * My Theme
 */
@import "./theme-dark";
// @import "./theme-light";

/**
 * Bootstrap variables
 */

$primary: theme("primary");

Use config.yml environment in js

import { config } from "../../config";

Use i18n.yml in js

user:
  name:
    - My name is {0} {1} {2}
    - Mi nombre es {0} {1} {2}

import { I18n, i18n } from "../../i18n";

// jsx
<I18n name="user.name" args={["Sinuhe", "Maceda", "Bouchan"]} />;
// js
i18n.getName("user.name", "Sinuhe", "Maceda", "Bouchan");

Build environment

develop and debug with Webpack

npm run start
npm run develop
npm run beta

production and optimized with Webpack

npm run sandbox
npm run master

Run http-server in dist directory

npm run httpserver