{"id":22486028,"url":"https://github.com/luciorubeens/nuxt-404","last_synced_at":"2026-01-17T17:30:46.872Z","repository":{"id":75967614,"uuid":"217547669","full_name":"luciorubeens/nuxt-404","owner":"luciorubeens","description":"🔦 Nuxt.js module to render trendy 404 pages.","archived":false,"fork":false,"pushed_at":"2019-10-26T14:32:35.000Z","size":1942,"stargazers_count":9,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-12-06T17:15:19.344Z","etag":null,"topics":["404","nuxt","nuxt-module","nuxtjs","page-not-found","vue"],"latest_commit_sha":null,"homepage":"https://nuxt-404-module.netlify.com/404","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/luciorubeens.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"license","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-10-25T14:07:49.000Z","updated_at":"2023-06-28T16:21:08.000Z","dependencies_parsed_at":null,"dependency_job_id":"a0c2c227-362a-4571-8d2b-627187ca1383","html_url":"https://github.com/luciorubeens/nuxt-404","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/luciorubeens/nuxt-404","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/luciorubeens%2Fnuxt-404","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/luciorubeens%2Fnuxt-404/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/luciorubeens%2Fnuxt-404/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/luciorubeens%2Fnuxt-404/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/luciorubeens","download_url":"https://codeload.github.com/luciorubeens/nuxt-404/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/luciorubeens%2Fnuxt-404/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268440115,"owners_count":24250722,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-02T02:00:12.353Z","response_time":74,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["404","nuxt","nuxt-module","nuxtjs","page-not-found","vue"],"created_at":"2024-12-06T17:13:43.898Z","updated_at":"2026-01-17T17:30:46.859Z","avatar_url":"https://github.com/luciorubeens.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"\u003ch1 align=\"center\" \u003e🔦 Nuxt 404 Module\u003c/h1\u003e\n\u003cp align=\"center\"\u003eNuxt.js module to render trendy 404 pages.\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://badgen.net/npm/v/@luciorubeens/nuxt-404\" /\u003e\n  \u003cimg src=\"https://badgen.net/badge/license/MIT/blue\" /\u003e\n  \u003ca title=\"Netlify Status\" href=\"https://app.netlify.com/sites/nuxt-404-module/deploys\"\u003e\n    \u003cimg src=\"https://api.netlify.com/api/v1/badges/02178e55-a0ef-40b6-8749-fa914086a527/deploy-status\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://nuxt-404-module.netlify.com/404\"\u003eOpen Preview\u003c/a\u003e\n\u003c/p\u003e\n\n## Installation\n\n```bash\nyarn add @luciorubeens/nuxt-404\n# or\nnpm i @luciorubeens/nuxt-404\n```\n\n## Setup\n\nAdd `@luciorubeens/nuxt-404` to modules section of `nuxt.config.js`:\n\n```js\n{\n  modules: [\n    '@luciorubeens/nuxt-404',\n  ],\n  p404: {\n    // Manipulate module options (see below)\n  }\n}\n```\n\n## Options\n\n| Option | Default | Description |\n| ------ | ------- | ----------- |\n| `names` | [See list below](#Illustrations) | Array of illustration names to display randomly |\n| `title` | Illustration title | Page title |\n| `description` | Illustration description | Page subtitle |\n| `colorBg` | Illustration background | Page background color |\n| `colorText` | Illustration color | Text color |\n| `linkText` | `Click here to return to home.` | Text to display on anchor link |\n\n## Usage\n\n### Specific illustrations\n\n```js\n{\n  modules: [\n    '@luciorubeens/nuxt-404',\n  ],\n  p404: {\n    names: ['Confused Travolta', 'Space']\n  }\n}\n```\n\n### Custom options\n\n```js\n{\n  modules: [\n    '@luciorubeens/nuxt-404',\n  ],\n  p404: {\n    title: '404',\n    colorBg: '#FFFFFF',\n    colorText: '#333333'\n  }\n}\n```\n\n## Illustrations\n\nClick on the name to see the illustration.\n\n| Name | Source |\n| ---- | ------ |\n| [Space](./src/images/Space.png) | Ionic Framework |\n| [UnDraw](./src/images/UnDraw.png) | unDraw |\n| [Confused Travolta](./src/images/ConfusedTravolta.png) | Nuxt.js |\n| [Mailchimp](./src/images/Mailchimp.png) | Mailchimp |\n| [Astronaut](./src/images/Astronaut.png) | Kapwing | \n| [Ballon Lost](./src/images/BallonLost.png) | Kapwing | \n| [Boat Leak](./src/images/BoatLeak.png) | Kapwing | \n| [Broken Clock](./src/images/BrokenClock.png) | Kapwing | \n| [Broken Mug](./src/images/BrokenMug.png) | Kapwing | \n| [Burnt Toast](./src/images/BurntToast.png) | Kapwing | \n| [Caution Tape](./src/images/CautionTape.png) | Kapwing | \n| [Dog Ate](./src/images/DogAte.png) | Kapwing | \n| [Ghost](./src/images/Ghost.png) | Kapwing | \n| [Ice Cream Spill](./src/images/IceCreamSpill.png) | Kapwing | \n| [Kids Toy](./src/images/Kid_sToy.png) | Kapwing | \n| [Loch Ness](./src/images/LochNess.png) | Kapwing | \n| [Lost Keys](./src/images/LostKeys.png) | Kapwing | \n| [Lost Tourist](./src/images/LostTourist.png) | Kapwing | \n| [Ostrich](./src/images/Ostrich.png) | Kapwing | \n| [Pizza Box](./src/images/PizzaBox.png) | Kapwing | \n| [Shoes Tied](./src/images/ShoesTied.png) | Kapwing | \n| [Spilled Milk](./src/images/SpilledMilk.png) | Kapwing | \n| [Trash](./src/images/Trash.png) | Kapwing |\n\n## Disclaimer\n\nThe 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:\n\n- [Kapwing 404 Illustrations](https://www.kapwing.com/404-illustrations)\n- [Ionic Framework](https://ionicframework.com/404)\n- [unDraw](https://undraw.co/)\n- [Nuxt.js](https://nuxtjs.org/404)\n- [Mailchimp](https://mailchimp.com/404/)\n\n## Contribute\n\n1.  [Fork](https://help.github.com/articles/fork-a-repo/) this repository to your own GitHub account and then [clone](https://help.github.com/articles/cloning-a-repository/) it to your local device\n2.  Install dependencies using Yarn: `yarn install`\n3.  Make the necessary changes and ensure that the tests are passing using `yarn test`\n4.  Send a pull request 🙌","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fluciorubeens%2Fnuxt-404","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fluciorubeens%2Fnuxt-404","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fluciorubeens%2Fnuxt-404/lists"}