Return to homepage

Getting Started with Nuxt 3

01/18. Introduction

Comments

Syed Khizer

Another quick rquide :

Now you have to use

definePageMeta({ layout: "account", });

on a component in order to use any particular layout .

  • 0
Syed Khizer

Quick Tip :

You have to wrap <NuxtPage/> in <NuxtLayout></NuxtLayout> in order to work .

  • 0
Valijon

how to set favicon in nuxt 3

  • 1
Lee

In any template you can do:

head: { title: 'Home page', meta: [ { hid: 'description', name: 'description', content: 'Home page description' }, ], link: [ { rel: 'icon', type: 'image/png', href: '' } ] },

  • 0
Larry

Lesson 10: defer has been renamed to lazy

  • 0
Larry

Lesson 6: In order to get layouts to work, I had to wrap everything in app.vue with a NuxtLayout tag

1<template>
2  <NuxtLayout>
3    <div>
4      <NuxtPage />
5    </div>
6  </NuxtLayout>
7</template>
  • 2
Adam

This worked when assigning the default layout but I am still unable to assign the "account" layout. Any suggestions?

  • 0
Shoaib

How do I set base url globally in useFetch ?

  • 0
Rabeea

Download button not appear!!

  • 1
Ozan

Which browser is this?

  • 0
Robin

Awesome course so far!

Must be a new error or a WIP but I get:

Uncaught DOMException: Node.insertBefore: Child to insert before is not a child of this node When I click back and forth the nested page/route

/create only displays on a page refresh 🤷‍♂️ 🧪

  • 0
Robin

I think I had the code in the wrong file. I didn't catch what file it was written in in the video. all good now!

  • 0
Ahmed

Hi Alex, do you have any plan to make a course on "What's new in PHP 8 and 8.1 ?

  • 1
Andrea

I would love to see a lesson/lessons on fetching data from a GraphQL API. Thanks for your consideration. 🙏🏻

I managed to do something as follows:

 1<script setup>
 2    const { data: entries } = await useFetch('http://example.test/api', {
 3        method: 'POST',
 4        body: {
 5            query: `
 6                query {
 7                    entries(section: "blog") {
 8                        id
 9                        title
10                    }
11                }
12            `
13        },
14
15        headers: {
16            // Use private schema
17            Authorization: 'Bearer ' + "CeSeR5ZADWer6P4zNX0xLpgti0yfPN1F",
18            'Content-Type': 'application/json',
19        },
20
21        transform: (data) => data.data.entries
22    })
23</script>
  • 1
joe

Hi Alex, for the following episodes, can you change the bg color back to white?😂

  • 0
Aketai

Download button not appear!

  • 6
Amandeep

Are we not going to use Laravel with Nuxt? Something like Vue with serverside rendering but Laravel as backend?

  • 6