Nuxt Overview

Nuxt is brought to us by a team of incredibly talented people. With it we can build front end apps, backend apis, and more.

Code

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>