Skip to content
Related Articles

Related Articles

Save Article
Improve Article
Save Article
Like Article

How to Install and Creating First Nuxt.js App ?

  • Last Updated : 24 Jun, 2021

What is NuxtJS?

NuxtJS is a VueJS framework for creating web apps. It makes development more fast, easy, and organized. NuxtJS is similar to Next.js, which is a framework of React.js.

Hey geek! The constant emerging technologies in the world of web development always keeps the excitement for this subject through the roof. But before you tackle the big projects, we suggest you start by learning the basics. Kickstart your web development journey by learning JS concepts with our JavaScript Course. Now at it's lowest price ever!

The main features of NuxtJS are:

  • Great folder structure: Nuxt App comes with a great folder structure that makes development fast and organized.
  • Server-Side Rendering (SSR): Easily render react components on the server before sending HTML to the client.
  • Statical Rendering: Auto generates routes on file or folder creation.
  • Code Splitting: Create a static version of the web app with a special Webpack configuration.

Prerequisites: Following are some pre-requisites to create a Nuxt app.



  • Node (version 10.13 or above) installed.
  • Basic knowledge of NPM (Node Package Manager).

 

Steps to create and run the nuxt app:

Step 1: Now create a folder for your project on the desktop and navigate to the folder through your terminal.

Step 2: Run the following command in the terminal. The my-app is the name of our app, you can give any name of your choice.

npx create-nuxt-app my-app

Folder structure: It will look like this.

Step 3: After that, you have to answer some questions in terminal answer those according to your choice.

Step 4: Now navigate to your app using the following command:

cd my-app

Step 5: Run your app using the following command.

npm run dev

Output: Now open your browser and go to http://localhost:3000/, you will see the following output:

Reference: https://nuxtjs.org/docs/2.x/get-started/installation

My Personal Notes arrow_drop_up
Recommended Articles
Page :