Intro

Nuxt is an full stack framework for building web applications.

Components
Data Fetching
Assets & Styling
Routing & Layouts
Static or Dynamic rendering
SEO & Meta Tags
Auto Imports
Typescript
Middlewares

It's written as a templating engine

app.vue

vue

1
<template>
2
  <div class="pt-24">
3
    <h1>Hello World</h1>
4
    <p>I'm a Nuxt blog</p>
5
  </div>
6
</template>

The templating engine contains HTML

vue

1
<template>
2
  <div class="pt-24">
3
    <h1>Hello World</h1>
4
    <p>I'm a Nuxt blog</p>
5
  </div>
6
</template>

Vue files also include script tags which contain js

vue

1
<template>
2
  <div class="pt-24">
3
    <h1>Hello World</h1>
4
    <p>I'm a Nuxt blog</p>
5
  </div>
6
</template>
7

8
<script>
9
function helloWorld() {
10
  console.log('Hello World')
11
}
12
</script>

Vue files also include script tags which contain js

vue

1
<template>
2
  <div class="pt-24">
3
    <h1>Hello World</h1>
4
    <p>I'm a Nuxt blog</p>
5
  </div>
6
</template>
7

8
<script>
9
function helloWorld() {
10
  console.log('Hello World')
11
}
12
</script>