Nuxt.JS

About NuxtJS

Features of Nuxt.js

  • Server-Side Rendering:
  • SEO friendly
  • File System Routing
  • On-demand rendering

NuxtJS Installation

Step 1: Open terminal and write the below code to make a project

npx nuxi init ProjectName

Step 2: Navigate to the project folder 

cd ProjectName

Step 3: Install the dependencies by typing the following command

npm install

Create an App

Open app.vue file and type the below code!

<template>
  <div>
    <div><h1>Hello World!</h1></div>
  </div>
</template>

Learning Topics

Now we go into deep drive from here.

Auto Imports

Components Directory

Dynamic Components

Routing

Page Navigation

Layouts Directory

Dynamic Route

Assets Directory

Public Directory

Head Management (SEO Concern)

Composables

Data Fetching

Middleware

Server Routes ( Backend Concern)

Deploy Projects