Nuxt.js module to render trendy 404 pages.

Open Preview

yarn add @luciorubeens/nuxt-404
# or
npm i @luciorubeens/nuxt-404

Add @luciorubeens/nuxt-404 to modules section of nuxt.config.js:

{
  modules: [
    '@luciorubeens/nuxt-404',
  ],
  p404: {
    // Manipulate module options (see below)
  }
}

{
  modules: [
    '@luciorubeens/nuxt-404',
  ],
  p404: {
    names: ['Confused Travolta', 'Space']
  }
}

{
  modules: [
    '@luciorubeens/nuxt-404',
  ],
  p404: {
    title: '404',
    colorBg: '#FFFFFF',
    colorText: '#333333'
  }
}

Click on the name to see the illustration.

The illustrations are not my own, most are from Kapwing including the texts and colors. Below you can see the original page not found from the source:

• Kapwing 404 Illustrations
• Ionic Framework
• unDraw
• Nuxt.js
• Mailchimp

1. Fork this repository to your own GitHub account and then clone it to your local device
2. Install dependencies using Yarn: yarn install
3. Make the necessary changes and ensure that the tests are passing using yarn test
4. Send a pull request 🙌