Next.js : Install2023/03/10

	Install Next.js which is a React-based web development framework.
[1]	Install Node.js, refer to here.
[2]	Create a test Next.js application with a common user.

[alma@dlp ~]$

mkdir testproject

[alma@dlp ~]$

cd testproject

# create Next.js application [test-app]

[alma@dlp testproject]$

npx create-next-app test-app

Need to install the following packages:
  create-next-app
Ok to proceed? (y) y
Creating a new Next.js app in /home/alma/testproject/test-app.

Using npm.

Installing dependencies:
- react
- react-dom
- next

.....
.....

Success! Created test-app at /home/alma/testproject/test-app
Inside that directory, you can run several commands:

  npm run dev
    Starts the development server.

  npm run build
    Builds the app for production.

  npm start
    Runs the built app in production mode.

We suggest that you begin by typing:

  cd test-app
  npm run dev

[alma@dlp testproject]$

cd test-app

# run development server

[alma@dlp test-app]$

npm run dev


> test-app@0.1.0 dev
> next dev

ready - started server on 0.0.0.0:3000, url: http://localhost:3000
wait  - compiling...
event - compiled client and server successfully in 3.1s (125 modules)
Attention: Next.js now collects completely anonymous telemetry regarding usage.
This information is used to shape Next.js' roadmap and prioritize features.
You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
https://nextjs.org/telemetry

# build and run the app in production mode

[alma@dlp test-app]$

npm run build

> test-app@0.1.0 build
> next build

info  - Checking validity of types
info  - Creating an optimized production build
info  - Compiled successfully
info  - Collecting page data
info  - Generating static pages (3/3)
info  - Finalizing page optimization

.....
.....

  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)
  (Static)  automatically rendered as static HTML (uses no initial props)

[alma@dlp test-app]$ npm start 

> test-app@0.1.0 start
> next start

ready - started server on 0.0.0.0:3000, url: http://localhost:3000

Access to the URL that is shown on the console above from any client computer, and then that's OK if following app is shown.

Matched Content