Next.js : Install2023/03/10 |
Install Next.js which is a React-based web development framework.
|
|
[1] | |
[2] | Create a test Next.js application with a common user. |
# 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. |
Sponsored Link |