nextia v0.0.54

nextia

Create fast web application :)

• webpack
• babel
• sass
• react
• useFunction
• Image version
• i18n
• Build environment (dev, beta and main)
• Gitlab CI/CD

Install

npm i -g nextia

Create new webapp

Open http://localhost:3000 to view it in the browser.

nextia webapp

cd webapp
npm i
npm start # or npm run now

Create new serverless

Open http://localhost:4000 to view it in the browser.

nextia-serverless api

cd api
npm i
npm start # or npm run now

nextia commands

# start web application in localhost with "git branch dev"
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 dev
npm run beta
npm run main

# Gitlab CI/CD
npm run gitlab-ci

nextia ports

Environment

import { env } from 'nextia'
console.info(env)

Image version

import { Img } from "nextia"

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

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

Use Internal IP in env.yml

localhost:
  myIp: ${MY_IP}

i18n (Internationalization and localization)

# i18n.yml
locales:
  - EN
  - ES
default: EN

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

import { I18n, i18n } from 'nextia'

// jsx
<I18n value="page.name" args={['Sinuhe', 'Maceda', 'Bouchan']} />
// js
i18n('page.name', ['Sinuhe', 'Maceda', 'Bouchan'])

Build environment

Webpack develop and debug

npm run start
npm run dev
npm run beta

Webpack production and optimized

npm run main

To start Gitlab CI

npm run gitlab-ci

CI / CD Settings : Group variables

Key : CLOUD
Value :

CLOUD=AWS
# CLOUD=GCP

DOMAIN=nextia.dev

CLOUDFLARE_EMAIL=sinuhe.dev@gmail.com
CLOUDFLARE_GLOBAL_API_KEY=
CLOUDFLARE_ZONE_ID=

TELEGRAM_TOKEN=
TELEGRAM_CHAT_ID="12346789 12345679 ... "

Key : AWS_DEVELOPMENT
Value :

AWS_DEFAULT_REGION=us-east-1
AWS_ACCESS_KEY_ID=
AWS_SECRET_ACCESS_KEY=

AWS_S3_WEB=sinuhe-development-web
AWS_S3_API=sinuhe-development-api

AWS_CLOUDFRONT_DEV_WEB=
AWS_CLOUDFRONT_DEV_API=

AWS_CLOUDFRONT_BETA_WEB=
AWS_CLOUDFRONT_BETA_API=

Key : AWS_PRODUCTION
Value :

AWS_DEFAULT_REGION=us-east-1
AWS_ACCESS_KEY_ID=
AWS_SECRET_ACCESS_KEY=

AWS_S3_WEB=sinuhe-production-web
AWS_S3_API=sinuhe-production-api

AWS_CLOUDFRONT_WEB=
AWS_CLOUDFRONT_API=

Key : API_DEVELOPMENT
Value :

variables: &variables
  globalVars: vars

dev:
  <<: *variables
  cdn: dev-cdn.nextia.dev

beta:
  <<: *variables
  cdn: beta-cdn.nextia.dev

Key : API_PRODUCTION
Value :

variables: &variables
  globalVars: vars

main:
  <<: *variables
  cdn: dev-cdn.nextia.dev

Type : File

Flags
 ProtectVariable : False
 MaskVariable : False