Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including gnextia with all npm packages installed. Try it out:

gnextia lists no main file and has no index.js, so it can't be directly required. If this is a mistake, please let us know. It may however contain internal files that you can require manually:

// require("gnextia/[??]")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

gnextia v39.0.35

Create fast web applications :)

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

Metadata

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free