Skip to main content

Deploy & Run

EasyManage Next.js App builder generates screens for Next.js App, which have out-of-box data handling and API integrations.

Next.js App Features​

Get CRUD app features.

  • Display : View data as
    • Data Table
    • Pagination
  • Forms / Actions
    • Create
    • Edit
    • Delete
  • API supported are REST

This is initial preview release and more screens & features are planned in future releases.

tip

Please Deploy and Run backend REST API project first, so that you can test Next.js app with Live Data!

Next.js Project​

  • Project is located in nextjs\em_app folder, e.g. in Downloaded Build and extracted folder, look for:
  • Location:
  • <Downloads>\EmGenDir_JohnDoe_WS_50637\WS_50637\frontend\nextjs\em_app

Installation, Build, Run​

  • Please follow guidelines in file nextjs\Readme.md & nextjs\em_app\README.md

Build output showing Generated Pages​

When you build the project for deployment using

  • npm run build,
  • static pages are generated along with other artifacts,
  • in folder .next\
  • see example details below:
Output of `npm run build` and directory listing *.html generated

C:\nextjs\em_app>npm run build

> em_app@0.1.0 build
> next build

   ▲ Next.js 14.0.2
   - Environments: .env.local, .env

 ✓ Creating an optimized production build
 ✓ Compiled successfully
 ✓ Linting and checking validity of types
 ✓ Collecting page data
 ✓ Generating static pages (33/33)
 ✓ Collecting build traces
 ✓ Finalizing page optimization

Route (app)                              Size     First Load JS
┌ ○ /                                    1.08 kB        85.5 kB
├ ○ /_not-found                          876 B          85.3 kB
├ λ /pages/csr/ErpCustomer               1.35 kB         130 kB
├ λ /pages/csr/ErpCustomer/create        1.27 kB        93.2 kB
├ λ /pages/csr/ErpCustomer/delete        1.43 kB        93.4 kB
├ λ /pages/csr/ErpCustomer/edit          1.48 kB        93.4 kB
├ λ /pages/csr/ErpInventory              1.25 kB         130 kB
├ λ /pages/csr/ErpInventory/create       1.12 kB          93 kB
├ λ /pages/csr/ErpInventory/delete       1.23 kB        93.2 kB
├ λ /pages/csr/ErpInventory/edit         1.29 kB        93.2 kB
├ λ /pages/csr/ErpInventoryVw            1.26 kB         130 kB
├ λ /pages/csr/ErpInventoryVw/create     1.14 kB        93.1 kB
├ λ /pages/csr/ErpInventoryVw/delete     1.26 kB        93.2 kB
├ λ /pages/csr/ErpInventoryVw/edit       1.31 kB        93.2 kB
├ λ /pages/csr/ErpProduct                1.24 kB         130 kB
├ λ /pages/csr/ErpProduct/create         1.1 kB           93 kB
├ λ /pages/csr/ErpProduct/delete         1.22 kB        93.1 kB
├ λ /pages/csr/ErpProduct/edit           1.27 kB        93.2 kB
├ ○ /pages/isr/ErpCustomer               202 B          91.4 kB
├ ○ /pages/isr/ErpInventory              204 B          91.4 kB
├ ○ /pages/isr/ErpInventoryVw            203 B          91.4 kB
├ ○ /pages/isr/ErpProduct                200 B          91.4 kB
├ ○ /pages/ssg/ErpCustomer               200 B          91.4 kB
├ ○ /pages/ssg/ErpInventory              201 B          91.4 kB
├ ○ /pages/ssg/ErpInventoryVw            202 B          91.4 kB
├ ○ /pages/ssg/ErpProduct                203 B          91.4 kB
├ λ /pages/ssr/ErpCustomer               200 B          91.4 kB
├ λ /pages/ssr/ErpInventory              202 B          91.4 kB
├ λ /pages/ssr/ErpInventoryVw            203 B          91.4 kB
└ λ /pages/ssr/ErpProduct                203 B          91.4 kB
+ First Load JS shared by all            84.4 kB
  ├ chunks/472-a5005c0e39332bc1.js       29.2 kB
  ├ chunks/fd9d1056-7155eb3c2f0deb84.js  53.3 kB
  ├ chunks/main-app-501ffbb850edb3e5.js  219 B
  └ chunks/webpack-5d467e7230b8cab3.js   1.67 kB

○  (Static)   prerendered as static content
λ  (Dynamic)  server-rendered on demand using Node.js

C:\nextjs\em_app>dir /b /s *.html

C:\nextjs\em_app\.next\server\app\index.html
C:\nextjs\em_app\.next\server\app\_not-found.html
C:\nextjs\em_app\.next\server\app\pages\isr\ErpCustomer.html
C:\nextjs\em_app\.next\server\app\pages\isr\ErpInventory.html
C:\nextjs\em_app\.next\server\app\pages\isr\ErpInventoryVw.html
C:\nextjs\em_app\.next\server\app\pages\isr\ErpProduct.html
C:\nextjs\em_app\.next\server\app\pages\ssg\ErpCustomer.html
C:\nextjs\em_app\.next\server\app\pages\ssg\ErpInventory.html
C:\nextjs\em_app\.next\server\app\pages\ssg\ErpInventoryVw.html
C:\nextjs\em_app\.next\server\app\pages\ssg\ErpProduct.html
C:\nextjs\em_app\.next\server\pages\404.html
C:\nextjs\em_app\.next\server\pages\500.html