melrefaie/awesome-nuxt

A curated list of awesome things related to Nuxt.js

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 - 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!

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 - A 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.

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

Showcase

• homefinder.com - A nation-wide real estate portal in the US. Find or 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.
• travelme.jp - Website in Japan introducing a lot of travel articles.
• 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.
• opportunitiis.com - Tech industry based job listing site with Nuxt(PWA) application instances backed by Python(Flask) APIs.
• 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.

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
• Simple Server Side Rendering, Routing, and Page Transitions 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

Blogs

• blog.Lichter.io

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 - A 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 - A Nuxt.js + Cypress starter project template.

Docker

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

Official Examples

• Hello World
• Starter
• TODO MVC
• Auth0
• Middleware
• Internationalization (i18n)
• Hackernews

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.

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

License