BearReact / imnext-js

A React framework for web artisans nextjs 9

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

About Imnext

Imnext is a web application framework with nextjs, elegant syntax. We believe development must be an enjoyable and creative experience to be truly fulfilling. Imnext takes the pain out of development by easing common tasks used in many web projects, such as:

Imnext is accessible, powerful, and provides tools required for large, robust applications.

Learning Imnext

How to use

Check your nodejs version is 12

Environmental parameters

  • PORT: 運行埠號
  • SITE_ENV: sandbox, staging) production
  • SITE_CODE: site code (ref: src/config/site.js, ex: imnext)
  • ROUTE_PREFIX_PATH: next-route, /_next prefix path (ex: /)
  • STATIC_BASE_URL: Static file base url (ex: http://static.com/static, /static)
  • API_BASE_URL: API Base path (ex: http://static.com/api, /api)

Quick Start

# Clone project
$ clone git@github.com:imagine10255/imnext.git my-imnext-project

# Enter folder and Install, then copy environment setting
$ cd my-imnext-project && yarn && cp .env.sandbox .env

# Start develop
$ yarn dev

> 🚀 Ready on http://localhost:3000

open browser example in http://localhost:3000/example

Develop

# Ready Release
$ docker-compose build

# Run
$ docker-compose up --build

> 🚀 Ready on http://localhost:3000

Export No Server File

# Build and Exprot
$ yarn build && yarn export

# Test Run
$ yarn export:start

> Local: http://localhost:8080 

Remove example

$ rm -rf ./src/pages/example ./public/static/images/example ./src/container/example ./public/static/locales/*/example.json

About

A React framework for web artisans nextjs 9


Languages

Language:HTML 39.9%Language:JavaScript 39.4%Language:CSS 20.6%Language:Dockerfile 0.1%