Nuxt basic - Simple Nuxt.js project

Related tags

Nuxt nuxt_basic
Overview

nuxt_basic

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...
English-quiz-nuxt - An english quiz using nuxt

english-quiz-nuxt Live demo here Build Setup # install dependencies $ yarn insta

A lightweight Nuxt template to build a Markdown driven website. Powered by Nuxt Content, TailwindCSS and Iconify.
A lightweight Nuxt template to build a Markdown driven website. Powered by Nuxt Content, TailwindCSS and Iconify.

A lightweight Nuxt template to build a Markdown driven website. Powered by Nuxt Content, TailwindCSS and Iconify.

WordPress module for Nuxt.js with full support for SSR and Nuxt.js PWA module.

WordPress module for Nuxt.js with full support for SSR and Nuxt.js PWA module.

🖼Portfolio built with Nuxt and Nuxt Content

🖼Portfolio built with Nuxt and Nuxt Content

Kirby Nuxt Starter Kit - Kirby's sample site – but rewritten headless with Nuxt 3

Kirby Nuxt Starter Kit Kirby's sample site – but rewritten headless with Nuxt 3! Explore the kit live » Kirby Nuxt Starterkit This repository is a por

A simple example that shows how to use Nuxt.js with Auth0
A simple example that shows how to use Nuxt.js with Auth0

nuxt-auth0 A simple example that shows how to use Nuxt.js with Auth0 You can access a simple demo here: https://auth0.nuxtjs.org Setup Create an accou

A simple multipage and responsive Nuxt.js & TailwindCSS portfolio theme with dark mode.
A simple multipage and responsive Nuxt.js & TailwindCSS portfolio theme with dark mode.

Nuxt.js & TailwindCSS Portfolio - With Dark Mode A simple portfolio starter theme built with Nuxt.js and TailwindCSS. This is the Nuxt version of the

A simple Nuxt module that will hydrate the VueX store when running in SPA mode (not SSR)

nuxt-spa-store-init A simple Nuxt module that will hydrate the VueX store when running in SPA mode, whether this is because you are running yarn dev -

A template project for vue3, View UI Plus, Nuxt3, SSR, just install and run.

view-ui-project-nuxt A template project for vue3, View UI Plus, Nuxt3, SSR. Nuxt 3 Minimal Starter Look at the nuxt 3 documentation to learn more. Set

Owner
null
A basic crud built with nuxt.

nuxt-app Build Setup # install dependencies $ yarn install # serve with hot reload at localhost:3000 $ yarn dev # build for production and launch se

Humayon Zafar 0 Jan 25, 2022
Simple boilerplate with nuxt + tailwind + supabase for your project

Nuxt + Tailwind + Supabase Clone to your own project $ git clone https://github.com/aripadrian/nuxt-supabase-tailwind-boilerplate.git your-project-nam

Ari Padrian 1 Dec 30, 2021
nuxt-fullpage is a nuxt module for creating fullscreen page scroll fast and simple.

Nuxt fullpage Nuxt module for creating fullscreen page scroll fast and simple. Demo online Table of contents Installation Usage Options Contributing I

Open Source Afghanistan 16 Dec 30, 2022
A simple nuxt renderless component wrapper around nuxt fetch capabilities

Nuxt Fetch Component A simple nuxt renderless component wrapper around nuxt fetc

Mathieu Marteau 6 Apr 12, 2022
Netlify ❤️ Nuxt.js: a simple template to give you the code you need to use Netlify features with Nuxt.

Nuxt Toolbox Template This is a NuxtJS v2 project. It is a reference on how to integrate commonly used features within Netlify for Nuxt.js. Build Setu

null 19 Nov 7, 2022
The Weather project displays information using the API, written using NUXT.js

The Weather project displays information using the API. Among the important points of the seven-day information are three different cities. This project modeled on a shot in dribbble written using NUXT.js

Amirhossein Zebardast 12 Oct 28, 2022
A convenient replacement for component when using nuxt-i18n

nuxt-i18n-link A convenient replacement for <nuxt-link> component when using nuxt-i18n. It is simply a replacement for this exact code: <nuxt-link :to

iBlueDust 1 May 25, 2021
A webpack loader i18n solution for Vue (Nuxt) with auto generated keysA webpack loader i18n solution for Vue (Nuxt) with auto generated keys

vue-i18n-loader - another webpack loader i18n solution for Vue (Nuxt) with auto generated keys. Currently under development, pull requests and suggest

BitApp 0 Feb 7, 2022
This is nuxt invoice app using nuxt.js and firebase

Nuxt Invoice App Build Setup # install dependencies $ npm install # serve with hot reload at localhost:3000 $ npm run dev # build for production and

Moein Salari 8 Dec 20, 2022
Fcl-nuxt-starter - FCL plugin + full stack Nuxt application starter template

How to use the Flow Client Library (FCL) with Nuxt Access the FCL instance from

Bruno Gonzales 3 Jul 18, 2022