All Projects → potato4d → Nuxt Maintenance Mode

potato4d / Nuxt Maintenance Mode

Licence: mit
Maintenance mode module for Nuxt.js.

Programming Languages

typescript
32286 projects

Labels

Projects that are alternatives of or similar to Nuxt Maintenance Mode

Fontawesome Module
Module to use Font Awesome icons in Nuxt.js
Stars: ✭ 79 (-22.55%)
Mutual labels:  nuxt
Content
Nuxt Content lets you write in a content/ directory and fetch your Markdown, JSON, YAML, XML and CSV files through a MongoDB like API, acting as a Git-based Headless CMS
Stars: ✭ 1,311 (+1185.29%)
Mutual labels:  nuxt
Google Fonts Module
Google Fonts module for NuxtJS
Stars: ✭ 98 (-3.92%)
Mutual labels:  nuxt
Nuxt Stories
Nuxt stories module -- Painless (and now insanely fast) storybooking for Nuxt
Stars: ✭ 81 (-20.59%)
Mutual labels:  nuxt
Example Ecommerce Snipcart Vue
The Transglobal Candy Store: Sample front-end for the Sanity.io e-commerce schema with vue.js, nuxt.js, and snipcart
Stars: ✭ 89 (-12.75%)
Mutual labels:  nuxt
Naice Blog
😺 新的博客上线啦
Stars: ✭ 93 (-8.82%)
Mutual labels:  nuxt
Nuxt Chat App
Frontend of real-time chat application built using nuxtjs, socket.io. Check the backend at https://github.com/binbytes/chat-app-server.
Stars: ✭ 77 (-24.51%)
Mutual labels:  nuxt
Nuxtdoc
A setup to build beautiful documentation with Nuxt and Storyblok deployed on Netlify for everyone
Stars: ✭ 100 (-1.96%)
Mutual labels:  nuxt
Sails Nuxt
Sails + Nuxt + Vuetify Combo <3
Stars: ✭ 92 (-9.8%)
Mutual labels:  nuxt
Nuxt Netlify
Dynamically generate `_headers` and `_redirects` files for Netlify in your Nuxt.js projects
Stars: ✭ 97 (-4.9%)
Mutual labels:  nuxt
Community Modules
Stars: ✭ 1,258 (+1133.33%)
Mutual labels:  nuxt
Nuxt Egg
Nuxt.js + Egg FrameWork
Stars: ✭ 86 (-15.69%)
Mutual labels:  nuxt
Is This A Sandwich
Is this a sandwich?
Stars: ✭ 96 (-5.88%)
Mutual labels:  nuxt
Vue Masonry Wall
A pure vue responsive masonry layout without direct dom manipulation and ssr support.
Stars: ✭ 79 (-22.55%)
Mutual labels:  nuxt
Laranuxt
Laravel and Nuxt.js boilerplate
Stars: ✭ 98 (-3.92%)
Mutual labels:  nuxt
Bbs Go
基于Golang的开源社区系统。
Stars: ✭ 1,212 (+1088.24%)
Mutual labels:  nuxt
Nuxt Mq
vue-mq module for Nuxt.js.
Stars: ✭ 93 (-8.82%)
Mutual labels:  nuxt
Cda Locale
Showing Microsoft Cloud Developer Advocates speaking, 2017 and 2018
Stars: ✭ 101 (-0.98%)
Mutual labels:  nuxt
Nuxt Storage
🛢 Utilities for easy read and write browser's storage in Nuxt.js project
Stars: ✭ 98 (-3.92%)
Mutual labels:  nuxt
Quillcms
QuillCMS, A Content Management System build with Node.js, Express, Nuxt.js and MongoDB.
Stars: ✭ 96 (-5.88%)
Mutual labels:  nuxt

Maintenance mode module for Nuxt.js

codecov All Contributors NPM version NPM downloads CircleCI

A module for displaying the view for maintenance as fallback while maintaining the path.

Image from Gyazo

About this module

A module for displaying the view for maintenance as fallback while maintaining the path.

Instead of accessed routing, render the contents of the routing specified for maintenance and return status code 503 to the client.

This is the easiest and most effective way to put an application in maintenance state without compromising the SEO and the user's access experience.

Caution

This project is under development.

We welcome aggressive pull requests such as when there is a better implementation.

Installation

At first, install package from NPM

$ yarn add nuxt-maintenance-mode # or npm i -S

Next, Add 'nuxt-maintenance-mode' value to modules property in nuxt.config.js

module.exports = {
  // ...
  modules: ['nuxt-maintenance-mode']
  // ...
}

Last, Add maintenance mode options to nuxt.config.js

module.exports = {
  // ...
  modules: [
    'nuxt-maintenance-mode'
  ],
  maintenance: {
    enabled: !!process.env.MAINTENANCE_MODE, // If given truthy value, activation maintenance mode on startup your nuxt application.
    path: '/maintenance', // maintenance fallback content routing.
    matcher: /^\/admin/ // Path to be in maintenance mode (regex).
  },
  // ...
}

Options

enabled?: boolean

  • default: false
  • required: false

If given truthy value, activation maintenance mode on startup your nuxt application.

We recommend specifying the value of the environment variable.

path: string

  • default: undefined
  • required: true

maintenance fallback content routing.

The path you set for this property must have a valid routing.

For example, if you specify /maintenance, create pages/maintenance.vue.

matcher?: string

  • default: undefined
  • required: false

Path to be in maintenance mode (regex).

LICENSE

MIT (c) HANATANI Takuma(@potato4d)

Contributors

Thanks goes to these wonderful people (emoji key):

Takuma HANATANI
Takuma HANATANI

💻 🚧 📖 🐛
Chrysanthos
Chrysanthos

🐛

This project follows the all-contributors specification. Contributions of any kind welcome!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].