Awesome Nuxt.js

A curated list of awesome things related to Nuxt.js.

Nuxt.js is a framework for creating Universal Vue.js Applications.

Contents

• Official Resources
• Community
• Modules
• Tools
• Mention of Nuxt.js
• Showcase
• Tutorials
• Blogs
• Books
• Starter Template
• Official Examples
• Projects Using Nuxt.js

Official Resources

• Official Guide
• API Reference
• GitHub Repo
• Release Notes

Community

• YouTube
• Twitter
• Gitter Chat Room
• Discord

Modules

Official

• PWA - Supercharge Nuxt with a heavily tested, updated and stable PWA solution.
• Axios - Secure and easy Axios integration with Nuxt.js.
• Apollo - Nuxt.js module to use vue-apollo (integrates graphql-tag loader to parse .gql & .graphql files).
• Auth - Authentication module for Nuxt.js.
• Dotenv - Loads your .env file into your application context.
• Google-analytics - Google Analytics integration for Nuxt.js with vue-analytics.
• Sitemap - Automatically generate or serve dynamic sitemap.xml for Nuxt.js projects.
• Nuxtent - Seamlessly use content files in your Nuxt.js sites.
• Blog - Create a blog with Nuxt.
• Router - Nuxt.js module to use router.js instead of pages/ directory.
• OAuth - Simple OAuth2 integration for your Nuxt app.
• Sentry - Enables error logging through Sentry.
• Webpack Monitor - Monitor nuxt webpack optimization metrics using webpackmonitor.
• AdSense - Google AdSense integration for Nuxt.js.
• Vuetify - Material Component Framework.
• Browserconfig - Adds XML browser configuration support.
• Bulma - Leverage bulma CSS.
• Component-cache - The vue-server-renderer has built-in support for component-level caching. This module automatically adds a LRU cache to project.
• Font-awesome - Leverage Font Awesome the iconic font and CSS toolkit.
• Font-awesome 5 - Use fontawesome 5 as a nuxtJS module.
• Google-tag-manager - Add Google Tag Manager (GTM) to your nuxt.js application. This plugins automatically sends first page and route change events to GTM.
• Localtunnel - Localtunnel exposes your localhost to the world for easy testing and sharing! No need to mess with DNS or deploy just to have others test out your changes.
• Markdownit - Using markdownit-loader and markdown-it.
• Toast - Responsive Touch Compatible Toast plugin for Nuxt.js using vue-toasted.
• Vendor - This awesome little modules creates junction symlinks from nodule_modules into static/vendor so you can directly serve node modules inside web. Useful for runtime dependencies.
• Yandex-metrika - Add Yandex Metrika to your nuxt.js application.
• Feed - Add RSS, ATOM and JSON feeds to your application.
• Redirect - Simplify setting up correct URL redirection with NuxtJS. No more cumbersome redirects!
• I18n - Add i18n capabilities to your Nuxt project.
• Separate Env - Tear apart your variables and split them up for client/server bundle!
• Logrocket - LogRocket module for Nuxt.js
• Universal Storage Module - Universal Storage Utilities for Nuxt.js
• Google Optimize - SSR friendly Google Optimize module for Nuxt.js
• Emotion - Emotion CSS-In-JS module for Nuxt.js
• SVG Sprite - Optimized and Easy way to use SVG files in Nuxt.js
• ReCaptcha - Simple and easy Google reCAPTCHA integration with Nuxt.js

Community

• Xui - Light module to help design websites with Nuxt.
• WP-API - Easy WordPress Api WP-API integration for you Nuxt app.
• BootstrapVue - Bootstrap v4 components and grid system for Nuxt.js.
• SocialMeta - Generate meta-tags for social network - Facebook and Twitter.
• Vue Material - Vue Material framework integration with Nuxt.
• Simple Line Icons - Simple Line Icons for Nuxt.
• nuxt-sass-resources-loader - SASS resources (e.g. variables, mixins etc.) module for NuxtJs.
• laravel-nuxt - Build a SPA with Laravel and Nuxt.
• cookie-universal-nuxt - Universal cookie plugin for Nuxt, perfect for SSR.
• Buefy - Lightweight UI components for Vue.js based on Bulma for Nuxt.
• Font Awesome 5 - Alternative module for Fontawesome 5 integration with ES6 imports and tree shaking.
• Matomo - Matomo/Piwik integration for Nuxt.
• RealFaviconGenerator Icons - Automatically generate favicons and app icons using RealFaviconGenerator.net's api.
• Nuxt Validate - Simple Nuxt input validation module using vee-validate.
• nuxt-bulma-slim - Module to automatically make a slim Bulma build of used features.
• Nuxt7 - Framework7-Vue Nuxt integration.
• Leaflet.js - Leaflet.js integration for Nuxt.
• Nuxt Express - Express module for Nuxt (hot reload).
• Vue.js Warehouse - Cross-browser storage for Vue.js and Nuxt.js, with plugins support and easy extensibility based on Store.js.
• nuxt-ts-module - Tiny module to use TypesScript within Nuxt.js application.
• nuxt-typescript - Lightening fast type checking and linting with TypeScript and TSLint.
• nurdism/nuxtjs-electron - Utility module that helps you work with electron inside nuxt.
• nuxt-babel - Use normal .babelrc file with your Nuxt app.
• nuxt-imagemin - Nuxt module to minify your images. Works with: png, jpeg, gif, and svg.
• nuxt-neo - Create your middleware api using a universal access point approach from your vue pages.
• nuxt-mq - vue-mq module for Nuxt.js.
• kenticocloud-nuxt-module - Add Kentico Cloud super power to your nuxt app.
• nuxt-client-init-module - Provide client version of nuxtServerInit.
• Nuxt Webpack Dashboard - Webpack Dashboard integration for Nuxt.
• Nuxt Vuex Router Sync - vuex-router-sync integration for Nuxt.
• nuxt-rollbar-module - Rollbar module for NuxtJS.
• Nuxt Image Loader Module - Nuxt module to automatically resize, rotate, blur, watermark and crop images.
• Nuxt-Storage - Utilities for easy read and write browser's storage in Nuxt.js project.
• nuxt-svg-loader - Load your SVGs as you'd load your Vue components.
• nuxt-purgecss - Drop superfluous CSS!
• nuxt-bundle-buddy - Don't fight your webpack bundle, become friends!
• prismic-nuxt - Prismic.io headless CMS integration for Nuxt.
• nuxt-fire - Easily integrate Firebase into your Nuxt 2 project. 🔥
• nuxt-webfontloader - Efficient web font loading has never been easier!
• nuxt-sweetalert2 - Sweetalert2 module based on vue-sweetalert2 with global options.
• nuxt-netlify-http2-server-push - Enable HTTP/2 server push on Netlify.
• nuxt-svg-sprite-module - Add an inline svg sprite to your Nuxt app.
• nuxt-fullpage.js - Nuxt module for fullPage.js, create fullscreen scrolling websites.
• fullpage-nuxt - Nuxt module for fullpage-nuxt directive, pure Vue implementation of per-page scrolling.
• nuxt-user-agent - Nuxt module for handling User-Agent.
• nuxt-basic-auth-module - Provide basic auth your Nuxt.js application.
• nuxt-wizard - Command-line interface for scaffolding Nuxt projects.
• nuxt-payload-extractor - Module that saves external API data to static JSON files on 'nuxt generate' command, making your project fully static.
• cloudcms-nuxt - Cloud CMS Nuxt integration.

Tools

• nuxt-community/nuxt-generate-cluster - Multi-threaded generator command for nuxt.js.
• acidjazz/aeonian - Automate the deployment of your Nuxt.js project on AWS S3 + CloudFront.

Mention of Nuxt.js

• Evan You - State of Vue | VueConf 2017
• Sean Larkin - (Webpack) Code splitting patterns in Vue.js | VueConf 2017
• Sarah Drasner - Animating Vue | VueConf 2017
• Addy Osmani - Production Progressive Web Apps With JavaScript Frameworks | Google I/O '17
• Guillermo Rauch - Static and Dynamic Next.js | JSHeroes 2017
• Google - Rendering on the Web

Showcase

• readable.report - View all of your stats from all of your apps with a single easy-to-read report.
• homefinder.com - Nation-wide real estate portal in the US. Find or sell your home on HomeFinder!
• www.gamevix.com - GameVix: Swap Video Game Discs - Spend much LESS 💰, play much MOAR 🎮! (Nuxt.js + Vuetify.js).
• netsells.co.uk - Web agency website based on Nuxt.js powered by a Laravel backend.
• yineo.fr - Freelance website based on Nuxt.js.
• conf.vuejs.org - Official Vue.js Conf 2017 website.
• vuejsradar.com - Vue.js blog and newsletter.
• nuxtjs.org - Nuxt.js documentation website.
• binbytes.com - Web & Mobile application development agency website based on Nuxt.js powered by a Laravel backend.
• pro.ekiten.jp - Japanese matching website for professionals based on Nuxt.js powered by a Go backend on ECS.
• homepinr.com - Dutch platform to show interest in houses.
• incassolink.nl - Search for a dept collection agency that suits your needs.
• LibCrowds - Crowdsourcing platform built with Nuxt.js.
• ZenEstate - Singapore-based real estate agent search engine based on Nuxt.js.
• tipe.io - Meta CMS that allows you to create and manage your content with GraphQL or REST API.
• BR Podcast - Podcast-Directory of the german broadcaster Bayerischer Rundfunk.
• Laboratório IMEC - IMEC Pharmacy Website - Made in NuxtJS + WP-API.
• Koala - Ecommerce Progressive Web Application made with Nuxt.js on top of Shopify.
• Lichter.io - Open-source portfolio website based on Nuxt.js and TailwindCSS.
• sinitic.ai - Web platform for building multilingual business chatbots.
• Cygames Research - Research website for Tokyo-based game company Cygames.
• K-Beauty: Perfect Skin in 10 Steps - Korean skincare landing page by jake101.
• Preisatlas - Real-tech (real estate) project, explore property prices for entire Germany - Project built with NuxtJS + Google Maps + Rest API.
• Bunk - Unique view for connecting topics and events to their context in American history (Nuxt.js + Rest API).
• Data Science Institute, UVA - Primary web expression for this pan-University institute (Nuxt.js + Drupal-powered Rest API).
• Yearbook 2016–2017, Batten Institute for Entrepreneurship and Innovation, UVA - Static annual report.
• MODULE-5.com - Industrial company site with portfolio, i18n.
• academind.com - Online Education Site built with Nuxt.js (and teaching Nuxt.js!).
• Holadu.com - Holadu | Find events near you.
• Cambridge Epigenetix - Cambridge Epigenetix is pioneering the development and application of novel epigenetics-based diagnostics and therapeutics that will revolutionise the way we detect and treat disease.
• Developmint.de - Company page built with NuxtJS and TailwindCSS, including i18n, meta/og-tags and more!
• Maestromusic.today - Classical music platform built with NuxtJS and WordPress REST API.
• Path to Product - Product management job board built with Nuxt, Rails API, and deployed to Netlify.
• Teak & Twine - Custom e-commerce site built on Nuxt with a RESTful Laravel backend.
• Parkmaven - Frontend for an online parking management platform, built on Nuxt + Adonis.js, powered by a Laravel API.
• VuePeople - VuePeople lists and connects Vue.JS developers around the world. Built with Nuxt + Axios, Proxy and Analytics module, on top of Django Rest Framework.
• Y-Verge - Company website built with NuxtJS and all pages generated statically.
• Bael Theme - Free Nuxt.js-based blog template that deploys to Netlify in one click. The backend runs on Netlify CMS and includes a serverless function for email newsletter sign up.
• Cotabox - The commercial platform for supply chain and B2B sell's.
• Deligram - Bangladesh based e-commerce website.
• Cute never dies - Original mask design web shop. Integrates with Stripe's API.
• beCamp - Open source website for a community-organized tech conference in Charlottesville, VA.
• CrossFit 701 - Custom website designed with Nuxt and using vue-observe-visibility plugin to create nice transitions and animations.
• BTZhai - Fast and modern torrent search engine, built on ElasticSearch + NuxtJS + Nuxt-i18n + SpringBoot. Searches and downloads the latest and hottest resources around the world!
• Blogram - Iranian microblogging platform.
• Nunziella Design Portfolio - Digital Designer portfolio made with Nuxt.js and WordPress REST API.
• Portfolio of Jenil Gogari - Computational Designer - Crafted using Chota, Vue.js, Nuxt.js and Simple Icons. Typeface is Inter UI.
• thesettlement.co.nz - Co Working Startup Based in Wellington, New Zealand. Developed with Vue.js & Nuxt.js.
• COM-ENT Annual Report - COM-ENT Digital annual report. COM-ENT is a professionnal association for communication agencies and freelancers. Static site generated with Nuxt.js.
• Amundi Annual Report - Amundi 1027 Digital annual report. Amundi is a french asset management company. Static site generated with Nuxt.js.
• Rentcars.com - We are a global company that connects people to the best car rentals options available.
• Agence Debord - Web agency website based on Nuxt.js powered by the WordPress Rest API.
• Flagpack - An opensource flag icon library. Website is powered by Vue.js & Nuxt.js.
• Tyneside Lettings - Student and young professional accommodation specialists in Newcastle upon Tyne.
• R6Stats - Search, view and compare Rainbow Six: Siege stats with thousands of players around the world.
• TecnoSpeed - An brazilian business focused in make solutions to others developers.
• PlugNotas - An service to emit service invoices in Brazil.
• Oak Hill Cafe - A farm-to-table restaurant based in Greenville, SC built with Vue.js, Nuxt.js, and Prismic.io.
• PusatMarket - PusatMarket is a marketplace that built with Nuxt.js.
• VueJS Dublin - Website for the local Vue meetup group in Dublin, Ireland.
• Scale Leap - Custom Software Development For Amazon Sellers.
• El Cable Amarillo - Open source project for the use of programming and robotics in educational centers using software tools and free hardware.

Tutorials

• A Tutorial to Bundle Cockpit CMS & Nuxt.js in a full JAMstack
• Simple Server Side Rendering, Routing, and Page Transitions with Nuxt.js
• Nuxt.js: A Universal Vue.js Application Framework
• Building a Personal Site with Nuxt.js
• Debugging Nuxt.js with Visual Studio Code
• Build Vue.js Apps with the Vue-CLI and Nuxt.js
• Build a Vue.js Website in 4 Steps
• Role Based Authorization for your Vue.js and Nuxt.js Applications Using vue-kindergarten
• Create and publish a Nuxt.js powered website on GitHub pages
• Introduction To Server Rendered Vue.js Apps With Nuxt
• Vue 基于 NUXT 的 SSR
• 深入NUXT，看看一条命令行的背后到底发生了什么
• 用 nuxt 开发部署一个 v2ex
• Integrate Vue InstantSearch with Nuxt.js for server side rendered search with Algolia
• Handling server side rendering and SEO with nuxt.js
• Create a static site in 15 minutes or less using Vue/Nuxt and Netlify
• A complete tutorial of Nuxt.js in Spanish 🇪🇸
• How to use a headless CMS with Nuxt
• Using Nuxt with Firebase and Firebase Auth
• Create and deploy a Nuxt.js application on Clever-Cloud in a few moments
• The complete guide to build a full blown multilanguage website with Nuxt.js
• What Nuxt.js Is All About
• Create Awesome Vue.js Apps With Nuxt.js
• Send Emails through Nuxt.js
• Change the Nuxt.js server error page
• Use Nuxt.js with Brotli compression
• Cooking a Deliveroo clone with Nuxt (Vue.js), GraphQL, Strapi and Stripe - 🏗️ Setup (part 1/7)
• Firebase Server-Side Render Vue Apps with Nuxt.js (Server-side Rendering with JavaScript Frameworks)
• Firebase Measuring Vue SSR Performance with Nuxt.js (Server-side Rendering with JavaScript Frameworks)
• How to build a shop with Nuxt, Storyblok and Snipcart
• Implementing Authentication in a Nuxt.js App
• Learn NUXT 2 by Example - A Crash Course for Beginners
• Quickly Building RESTful UI’s in NuxtJS
• Creating Server-side Rendered Vue.js Apps Using Nuxt.js
• The guide to write universal, SSR-ready Vue components
• Use Nuxt’s build.templates property to contextually generate files
• Deploying a Nuxt.js (v2) App to Google App Engine (Google Cloud Platform)
• Nuxt.js (v2), Firestore & SSR 🔥
• Organize and decouple your API calls in Nuxt.js
• PM2 Blue/Green Zero-Downtime Deployment Demo
• VPS Deployment manual for Nuxt.js
• Selectively enable SSR or SPA mode

Blogs

• blog.Lichter.io - Blog of core team member Alexander Lichter about Nuxt.js, Javascript, Vue and more.

Books

• Nuxt.js beginners guide(Japanese) - Japan's first book that corresponds to Nuxt.js v2 and focuses on deep content(published by C&R Institute, author: HANATANI Takuma @potato4d).
• Nuxt tech book(Japanese)

Starter Template

• nuxt-community/adonuxt - Starter template for Nuxt.js with AdonisJS.
• nuxt-community/starter - Nuxt.js starter project template.
• nuxt-community/express - Starter template for Nuxt.js with Express.
• nuxt-community/koa - Starter template for Nuxt.js with KoaJS.
• nuxt-community/electron - Electron starter with nuxt.js.
• nuxt-community/pwa - PWA template for vue-cli based on the starter template.
• nuxt-community/typescript - Typescript starter with Nuxt.js.
• vueniverse - Vueniverse is a full-stack JavaScript starter project.
• liyanlong/nuxt-egg - Nuxt.js + Egg FrameWork.
• nuxt-community/micro - Starter Template for Nuxt.js with Micro instead of Express.
• nuxt-community/module-template - Starter template for Nuxt.js Modules.
• nuxt-community/nuxtent-template - Starter template for content heavy sites.
• cretueusebiu/laravel-nuxt - Nuxt.js + Laravel starter template with examples.
• nekdolan/express-hot - Starter template based on express-template using hot reload.
• vuetifyjs/nuxt - Nuxt.js + Vuetify.js starter project template.
• ckgrafico/frontend-boilerplates - Frontend Boilerplate using Nuxtjs + TypeScript + SASS + Some Frontend good practises.
• nurdism/electron-nuxt-boilerplate - Electron application boilerplate based on nuxt for rapid application development.
• wemake-vue-template - Bleeding edge vue + nuxt template focused on code quality and developer happiness. Including meaningful docs, flow, and jest.
• galvez/nuxpress - Markdown blogging engine and boilerplate written in Nuxt.js.
• baisheng/nuxt-thinkjs3 - Nuxt.js + Thinkjs FrameWork.
• kavalcante/nuxt-element-apollo - Nuxt.js + Element (with custom Theme) + Apollo.
• mandaputtra/nuxtbulma-starter - Nuxt.js + Bulma project scafolding.
• woodgates/feathers-nuxt - Implementation of nuxt 1.4.2 with full template feathers 3.2.1 (expressjs, socket.io, hooks, etc).
• bitkris-dev/bolide-nuxt-template - Question-based template (CSS framework choice + preinstalled modules).
• melrefaie/nuxt-cypress - Nuxt.js + Cypress starter project template.
• muhibbudins/nuxt-multiple - Nuxt.js starter template for Nuxt Multiple instance with Express Backpack, Element UI, Axios & Example APIs, SASS / SCSS Loader, Vuex Store.
• feathers-nuxt/template-app - Batteries included Sao template for full stack feathers and nuxt apps.
• exeteres/electron-nuxt-ts - Another Electron starter template with separation of the renderer process and the main process that fully written in TypeScript.
• muhibbudins/nuxt-coreui - Unofficial Nuxt + CoreUI project, free to use boilerplate for every need.
• Tarrask/sails-template - Starter template for Nuxt.js with Sails.js.

Docker

• mrsunshine/docker-nuxt - Docker image to build and run a Nuxt application in production mode.

Official Examples

• Hello World - Simple Nuxt.js Hello World Example.
• TODO MVC - TodoMVC example app.
• Auth0 - Basic app with auth0 as authentication provider.
• Middleware - Example about how to properly use Middleware in Nuxt.js.
• Internationalization (i18n) - Nuxt.js app with i18n support and implementation.
• Hackernews - Nuxt.js Hackernews clone.

Projects Using Nuxt.js

• sum.cumo - Sum.cumo® is a strongly growing, innovative company from Hamburg and as such the implementation partner of choice for corporate digitalization in the insurance and lotto industries.
• element-43 - Element43 is an all-in-one site to track the markets, your industry jobs, trading, you name it.
• gustavo - Headless blogging platform built atop Nuxt & Gist.
• surmon.me - SSR web application(blog) built with Nuxt.js for nodepress.
• n2ex - Web app of v2ex built with Nuxt.
• ammobin.ca - Meta search site for ammo prices in Canada.
• fleisch-online.kaufen - Portal about where to buy good meat online, including a personal blog.
• front end intelligence - Website where you can fetch the front end news.
• BitcoinNEWS.blog - Proudly created a web-portal with Nuxt.js & Vue.js about Bitcoin and cryptotechnology.
• Hare - Application boilerplate based on Vue.js 2.x, Koa 2.x, Element-UI and Nuxt.js. 🐇
• State of the ÐApps - The curated collection of projects built on Ethereum.
• Tipe - Next Generation API-first CMS. Create your content with powerful editing tools and access it from anywhere with a GraphQL or REST API.
• Rewind 2017 - Retrospective website by the publications of the leading press agency in Mauritius, La Sentinelle Ltd.
• thalitajacinda.com - Personal website of a minimalist lifestyle influencer.
• 2017 Rausch Family Christmas Card - @awayken makes a digital Christmas card every year, and 2017's was built using Nuxt.js.
• moso.io - Personal, open-source SSR portfolio by @moso built with Nuxt.js, and styled with Material Design.
• VueBlog - Blog system @wmui.
• dominique-haas.fr - Personal website & blog built with Nuxt.js, Bulma & GraphQL.
• emoji.ovh - Search, 👆️ Click & Paste your Emojis. Built with Nuxt.js, Algolia, Bulma.
• PWA Builder - Generate your Progressive Web App.
• Colle McVoy - Agency website built using Nuxt & Craft CMS.
• Back Market - E-commerce website, the #1 marketplace of refurbished product.
• kevinpeters.net - Personal site & blog built as PWA with custom styling.
• 5se7en.com - 5se7en's Personal website. Built with Nuxt.js,express,vuex.
• charlyzenger.ch - Corporate website. Built with Nuxt.js, vue-i18n, custom routes and TweenMax.
• buefy-shop - Sample shop, open source, built with Nuxt, Stripe, Firebase, Bulma and Serverless Functions.
• DBAdventure - Simple PHP and VueJs game where players embody a Dragon Ball character.
• NuxtDoc by Storyblok - The setup to build beautiful documentation with Nuxt and Storyblok deployed on Netlify for everyone - for Free.
• wandsworth.town - Wandsworth Town Business Improvement District (BID) puts businesses at the heart of what we do; shaping the future of Wandsworth Town.
• antilophia.com - Antilophia offers a boutique luxury travel service, delivering carefully crafted travel experiences within Africa & the Indian Ocean and Latin America & the Caribbean.
• renka.de - Agency website built with Nuxt and WordPress.
• santihans.com - Next-level communications agency for tomorrow's digital experiences. Website built with Nuxt and Tipe.io.
• alainperrier.me - Personal SSR and PWA portfolio by @alainperrier built with Vue.js, Nuxt.js, Laravel and TailwindCSS.
• MONO - Agency website built with Nuxt and Craft CMS.
• axure-broker.ch - Corporate website. Built with Nuxt.js, vue-i18n, TweenMax and SVG morphing.
• thegaelicpoint.ie - Sports analytics tool for gaelic football data. Built with Vuetify and Nuxt.
• nuxt-elm - Full-stack open source project based on vue2 + nuxt.Performance demonstration.
• mistretta.ch - Creative corporate website for a Swiss Coiffure. Built with Nuxt.js, vue-i18n and GSAP.
• Rivalry.gg - Esports Sportsbook, multiple languages, prismic.io driven content integration, built with Nuxt.js.
• Ouestfrance-immo.com - OuestFrance-Immo.com is the first real estate portal in the west of France with more than 3,500,000 monthly. The real estate directory is built with Nuxt.js, Axios and Bootstrap-vue.
• Statusfy - Statusfy is a simple Open Source Status Page system designed to be built and maintained with minimum effort.
• Predictice - Predictice, Legal Intelligence solution build with NuxtJS and Elasticsearch.
• Beerbay - Beerbay is a craft beer e-commerce built with NUXT and WP api.
• alibaba.aero - Alibaba Travels Co is Iran's leading travel website built with Nuxt.js.
• vue-org-chart - Manage and publish your interactive organization chart (orgchart), free and no webserver required.

Please don't hesitate to make a PR if you have more resources to share.

License