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
<template> <div class="pt-24"> <h1>Hello World</h1> <p>I'm a Nuxt blog</p> </div> </template>

The templating engine contains HTML

vue
<template> <div class="pt-24"> <h1>Hello World</h1> <p>I'm a Nuxt blog</p> </div> </template>

Vue files also include script tags which contain js

vue
<template> <div class="pt-24"> <h1>Hello World</h1> <p>I'm a Nuxt blog</p> </div> </template> <script> function helloWorld() { console.log('Hello World') } </script>

Vue files also include script tags which contain js

vue
<template> <div class="pt-24"> <h1>Hello World</h1> <p>I'm a Nuxt blog</p> </div> </template> <script> function helloWorld() { console.log('Hello World') } </script>