Nuxtjs-case - nuxt.js demo

Overview

nuxt-demo

Build Setup

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate

For detailed explanation on how things work, check out the documentation.

Special Directories

You can create the following extra directories, some of which have special behaviors. Only pages is required; you can delete them if you don't want to use their functionality.

assets

The assets directory contains your uncompiled assets such as Stylus or Sass files, images, or fonts.

More information about the usage of this directory in the documentation.

components

The components directory contains your Vue.js components. Components make up the different parts of your page and can be reused and imported into your pages, layouts and even other components.

More information about the usage of this directory in the documentation.

layouts

Layouts are a great help when you want to change the look and feel of your Nuxt app, whether you want to include a sidebar or have distinct layouts for mobile and desktop.

More information about the usage of this directory in the documentation.

pages

This directory contains your application views and routes. Nuxt will read all the *.vue files inside this directory and setup Vue Router automatically.

More information about the usage of this directory in the documentation.

plugins

The plugins directory contains JavaScript plugins that you want to run before instantiating the root Vue.js Application. This is the place to add Vue plugins and to inject functions or constants. Every time you need to use Vue.use(), you should create a file in plugins/ and add its path to plugins in nuxt.config.js.

More information about the usage of this directory in the documentation.

static

This directory contains your static files. Each file inside this directory is mapped to /.

Example: /static/robots.txt is mapped as /robots.txt.

More information about the usage of this directory in the documentation.

store

This directory contains your Vuex store files. Creating a file in this directory automatically activates Vuex.

More information about the usage of this directory in the documentation.

You might also like...
A quick demo on how to set up and use Vuex to create a events messaging system

A quick demo on how to set up and use Vuex to create a events messaging system

Vue.js demo that uses NASA API "Astronomy Photo of the Day".

nasa-demo Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lints

demo-vue-product-ecommerdemo

demo-vue Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lints

Google-onetap-signin-client-vue - Vue 3 Demo of using the Google One-Tap Signin in a modular way (Client Code)

vue-google-onetap-signin Project setup npm install Compiles and hot-reloads for

Demo vue.js app to show Alchemy NFT API

A simple vue.js app made to play with Alchemy API

Pathfinding demo on the XRP Ledger in an Vue (Typescript) project

XRP Ledger pathfinding-demo XRPL Pathfinding Demo: select destination account & currency, select source account and see avilable payment options using

Nuxt.js and search engines. Solving SEO problems for Google and Yandex

Nuxt.js and search engines. Solving problems with SEO for Google and Yandex These are pages for search robots Google and Yandex, which help to elimina

Github'st Development Archive service using vue and nuxt
Github'st Development Archive service using vue and nuxt

Github'st Development Archive service using vue and nuxt

My personal website, made with Nuxt.js

snturk.co Build Setup # install dependencies $ npm install # serve with hot reload at localhost:3000 $ npm run dev # build for production and launch

Owner
Mingo
Mingo
A fresh install of Nuxt 2 via yarn create nuxt-app, and then following the Nuxt Bridge installation instructions

A fresh install of Nuxt 2 via yarn create nuxt-app, and then following the Nuxt Bridge installation instructions

Hex Digital 1 Oct 18, 2021
Read and Listen to Qur'an online. Built with NuxtJS and TailwindCSS.

Read and Listen to Qur'an online. Built with NuxtJS and TailwindCSS.

Rangga Dimas 51 Oct 19, 2022
Meu site | Pagina do portfolio & Pagina de links | Usando Vuejs & Nuxtjs

P0sseid0n Portfolio Diretórios / Portfolio landing page Inicio Projetos Conhecimentos Sobre /links Pagina contendo meus links Website Twitter Github ?

Matheus 4 Jan 12, 2022
a landing template developed usage Nuxtjs, Vuetifyjs

Run # install dependencies $ npm install # serve with hot reload at localhost:3000 $ npm run dev # build for production and launch server $ npm run

$ Chimon 3 Mar 31, 2022
Portfolio with Vue, NuxtJs.

resume Build Setup # install dependencies $ yarn install # serve with hot reload at localhost:3000 $ yarn dev # build for production and launch serv

Kariston Stefane da Silva 0 Jan 22, 2022
A Webpage build with Nuxtjs and Vuetify to easily show and switch between multiple OpenAPI descriptions

OpenAPI Viewer This repo contains a Webpage build with Nuxtjs and Vuetify to easily show and switch between multiple OpenAPI descriptions. The data co

null 2 Sep 1, 2022
Press your mind gracefully, which is powered by nuxt.js 3.0 and nuxt.js content 2.0.

Press your mind(markdown) gracefully, which is powered by nuxt.js 3.0 and nuxt content 2.0. Markdown editor use md-editor-v3. MindPress provide two mode: server and static (default). For server mode, the markdown file edit and update upstream from another server. An java language server implementation here mindpress-serv.

Aborn Jiang 4 Nov 18, 2022
A free Changelog template created with Nuxt 3.0 & Nuxt Content 2.0 that you can use for your projects

Rain of Change A free Changelog template created with Nuxt 3.0 & Nuxt Content 2.0 that you can use for your projects. We are very pleased to share our

Contentrain 33 Nov 18, 2022
Avatar editor for Vue.js. Demo on : https://fpluquet.github.io/vue-avatar-editor/

vue-avatar-editor Facebook like, avatar / profile picture component. This is Vue.js clone of mosch/react-avatar-editor Resize, rotate and crop your up

null 86 Aug 17, 2022
Demo of global event bus usage in vue

This is a quick example of how to use a global event bus to your advantage with vue-geb. Why ? I use a global event bus mainly to split my UI interact

null 6 Jul 17, 2018