NextJS Setup

---

Create a workspace and initial application

You develop apps in the context of an Next Js workspace.
To create a new workspace and initial starter app:

1. Run the command Next Js new and provide the name filename as my-app, as shown below

                      npx create-next-app my-app

                      // If you want to create an single-page project in React js, you need to install the necessary React as below

2. The npx new command prompts you for the information about features to include in the initial app. Accept the defaults by pressing the Enter or Return key.

The Next Js installs the necessary Next Js npm packages and other dependencies. This can take a few minutes. This creates a new workspaces and a simple Welcome app, ready to run.

Run the application

The React includes a server, so that you can build and serve your app locally.

1. Navigate to the workspace folder, such as my-app.
2. Run the following commands:

                    cd my-app
                    npm run dev
                                                        

The yarn or npm serve command launches the server, watches your files, and rebuilds the app as you make changes to those files. The run dev just Option automatically opens your browser to http://localhost:3000/.

Spruha Setup

---

Prerequisites

Node.js

Download latest version of node.js from nodejs.org.
Install Node.js using downloaded file.
To check your node version, run node -v in a terminal/console window (cmd)

Setup an SpruhaTemplate by

1. Download the Spruharar/zip file.
2. Extract it and then go in to Folder here you will see a Nextjs Folders
3. For Example, Here I'm Choosing Nextjs-file
4. Here, I'm Choosing Nextjs-file.
5. Now from a terminal window, navigate to the directory containing your application

spruha/Nextjs-file>

6. You can import all dependency by installing npm command

                      npm install
                          (or)
                      yarn install

7. Now you are in stage to successfully run Spruhausing below command:

                      npm run dev
                          (or)
                      yarn dev
                    

Once you serve your application by default it will take their default port using http://localhost:3000/

Note

basically npm install is used to install all dependencies or devDependencies from a package. if there will be any dependencies which need to be installed but getting error message while installing, then use --force will help to install those dependencies.

The --force argument will force npm to fetch remote resources even if a local copy exists on disk. It will be on a last-dependency-downloaded-wins basis and will overwrite any previously downloaded dependencies.

npm install --force

Note

npm install

If your are using npm install, You have to delete the

yarn-lock file

(or)

yarn install

If your are using yarn install, You have to delete the

package-lock.json file

we have to use only one file example: (for yarn yarn-lock) & (for npm package-lock.json) file

basically npm i is used to install all dependencies or devDependencies from a package. if there will be any dependencies which need to be installed but getting error message while installing, then --force will help to install those dependencies.

The --force argument will force npm to fetch remote resources even if a local copy exists on disk. It will be on a last-dependency-downloaded-wins basis and will overwrite any previously downloaded dependencies.

npm install --force

if there is peer dependency issues while installing
it will always skip peer dependencies (whatever those are) during installation even if there are no issues.

npm install--legacy-peer-deps

we have to use only one file example: (for yarn yarn-lock) & (for npm package-lock.json) file

Build Application

Build your application for host on server using below command:

                  yarn build
                    (or)
                  npm run build