How to install NextJS on Ubuntu

How to install NextJS on Ubuntu


How to install NextJS on Ubuntu

Next.js is an open-source web development framework created by Vercel enabling React-based web applications with server-side rendering and generating static websites.

In this video, you will learn how to install NextJS on your server. We will show you what you will need to create and how to launch NextJS and connect to it.

System Requirements
Node.js 14.6.0 or newer

Commands Used
Node -v
mkdir project
cd project
npm create next-app
cd app_name
npm run dev

Useful Links
VPS/VDS - https://www.mivocloud.com/
NextJS - https://nextjs.org/


Content

5.004 -> In order to install NextJS on the server, you will need an installed Node.JS versions above 14.6.0 and npm To check your version, enter the following command
10.976 -> Next, we will need a place where we will place our project, so we create it
15.311 -> Independently come up with a name for this folder and go to it
20.24 -> We recommend creating a new Next.js application using create-next-app, which configures everything automatically for you To create a project, run the following command
30.358 -> You will find all the commands in the description under the video
35.329 -> Enter Y to consent to the creation of the application Next, we give a name to our application
40.204 -> After that we choose whether TypeScript will be used for this project
45.083 -> In the next survey you will have to choose what will be used in the project
50.411 -> You also have to choose whether you want to import configurations or not
55.231 -> After that, we wait for the installation to complete
70.49 -> The installation is completed successfully and we are given the path where our server is located
75.4 -> We follow this path
85.068 -> Run npm run dev to start the development server
90.205 -> Next, go to the IP address of the server adding port 3000 at the end
95.15 -> Congratulations, you now have a NextJS development server installed
100.483 -> To learn more about the features, use the links at the bottom of the page
105.308 -> With their help, you can get acquainted with the functionality
110.415 -> Choose templates to work with
115.481 -> Or launch your development environment right away
119.057 -> If you have any questions, leave them in the comments

Source: https://www.youtube.com/watch?v=To0Mvwb-OpY