Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

gnextia

39.0.31 • Public • Published

gnextia

Create fast web application :)

  • webpack
  • babel
  • react
  • sass
  • Image version
  • i18n
  • Build environment (develop, beta , master and sandbox)
  • Gitlab CI/CD
To start
sudo npm -g i gnextia --unsafe-perm=true
Create web project
npx gnextia webapp
# or 
gnextia webapp
 
cd webapp
npm i
npm run now # start web application 
npm start # with git branch develop 
gnextia commands
# start web application in localhost with "git branch develop" 
npm start
# start web application 
npm run now
 
# clean project 
npm run clean
 
# Create new page or component 
npm run page PageName
npm run component ComponentName
 
# Create environemnt in dist directory 
npm run develop
npm run beta
npm run master
npm run sandbox
 
Image version
import {  Img } from "@gnextia"
 
<Img src="img/logo.svg" />
// to html
<img src="img/logo.svg?<VERSION>" />
 
background: img('/img/logo.svg') no-repeat fixed center;
/* to css */
background: url('/img/logo.svg?<VERSION>') no-repeat fixed center;
Config environment
import { config } from '@gnextia'
i18n (Internationalization and localization)
user:
  name:
    - My name is {0} {1} {2}
    - Mi nombre es {0} {1} {2}
import { I18n, i18n } from '@gnextia'
 
// jsx
;<I18n name="user.name" args={['Sinuhe', 'Maceda', 'Bouchan']} />
// js
i18n.getName('user.name', 'Sinuhe', 'Maceda', 'Bouchan')
Use Internal IP in config.yml
localhost:
  MY_IP: @{MY_IP}
Merge toAll to all environemnts in config.yml
toAll:
  msg: hello world
Build environment

Webpack develop and debug

npm run start
npm run develop
npm run beta

Webpack production and optimized

npm run sandbox
npm run master
Run http-server on dist directory
npm run httpserver
Start Gitlab CI
npm run gitlab-ci
CI / CD Settings : Group variables

Key : GROUP_VARIABLES

Value :

# 
# AWS DEVELOPMENT 
# 
AWS_DEVELOPMENT_AWS_DEFAULT_REGION=
AWS_DEVELOPMENT_AWS_ACCESS_KEY_ID=
AWS_DEVELOPMENT_AWS_SECRET_ACCESS_KEY=
 
# api 
 
# web 
AWS_DEVELOPMENT_S3_BUCKET=
AWS_DEVELOPMENT_CLOUDFRONT_DEVELOP=
AWS_DEVELOPMENT_CLOUDFRONT_BETA=
 
# 
# AWS PRODUCTION 
# 
AWS_PRODUCTION_AWS_DEFAULT_REGION=
AWS_PRODUCTION_AWS_ACCESS_KEY_ID=
AWS_PRODUCTION_AWS_SECRET_ACCESS_KEY=
 
# api 
 
# web 
AWS_PRODUCTION_S3_BUCKET=
AWS_PRODUCTION_CLOUDFRONT_SANDBOX=
AWS_PRODUCTION_CLOUDFRONT_MASTER=
 
# 
# CLOUDFLARE 
# 
CLOUDFLARE_MAIL=
CLOUDFLARE_DOMAIN=
CLOUDFLARE_API_KEY=
CLOUDFLARE_ZONE_ID=
 
# 
# TELEGRAM 
# 
TELEGRAM_TOKEN=
TELEGRAM_CHAT_ID=(
123456789 # chat_id 
987654321 # other chat_id 
)

Type : File

Flags / Protect variable : False

Web project with gnextia :

gnextia.com

Group Repository

GROUP_VARIABLES

Webpage repository

Webpage pipelines

API repository

env_yml

API pipelines

Keywords

Install

npm i gnextia

DownloadsWeekly Downloads

274

Version

39.0.31

License

MIT

Unpacked Size

67.5 kB

Total Files

32

Last publish

Collaborators

  • avatar