masanos note

Nuxt3

19
[Nuxt3]The first thing I do when launching a nuxt3 project. (^3.5.2)

This is a memo to set when launching a project with nuxt3.

[Nuxt3][Bootstrap]Use Bootstrap icons with Nuxt3.

Bootstrap-icons are very useful.You can use it for free. This time I installed bootstrap-icons on Nuxt3 and used it.

[Nuxt3]Using Google Tag manager with NUXT3

Use Google Tag manager with NUXT3. Then check if the script is loaded.

Use Google Spreadsheet as API with Nuxt3.

Get the endpoint of Google Spreadsheet and get the json response.

[Nuxt3]Install stable version of Nuxt 3.0.0. | npx nuxi init nuxt3-app

use stable version of Nuxt 3.0.0. npx nuxi init nuxt3-app

watch & v-model | Vue3 (Nuxt3)

Use v-model for Form in Vue3 / Nuxt3. And watch the v-model value.

window & document | Nuxt3

How to use document and window with Nuxt3.

Using custom domain, Hosting to GitHub Pages with Nuxt3

Generate html with nuxt3 and host it on GitHubPages. set custom domain.

GA4 with Nuxt3

Install GA4 on Nuxt3.

Use Nuxt3 props

How to use props in Nuxt3

Use MicroCMS with Nuxt3

Using GoogleFont with Nuxt3

Using GoogleFont with Nuxt3

using sass with nuxt

how to use sass with nuxt3

Firebase9 Google Authentication with Nuxt3.

Implemented Google Authentication for Firebase9 on Nuxt3.

Set favicon in Nuxt3

How to set favicon in Nuxt3.

Use bootstrap5 with Nuxt3

Using Nuxt3, install bootstrap with npm and check the display.

[Nuxt3] How to separate source directories

In nuxt.config.js , specify the directory where you want to organize sources in srcDir.

Using highlight in Nuxt3.

Add syntax highlighting to code with highlight.js & cheerio

[Nuxt3] Make Header & Footer

How to make header and footer in Nuxt.

A record of the development is left in a web note.
Masanos
I want to make the world I see happy. Little by little, I am preparing to start a business. Thank you for your support.
Buy Me A Coffee
Copyright© masanos All Rights Reserved.