A curated list of awesome things related to Nuxt.js.
Nuxt.js is a framework for creating Universal Vue.js Applications.
- Official Resources
- Community
- Modules
- Tools
- Mention of Nuxt.js
- Showcase
- Tutorials
- Blogs
- Books
- Starter Template
- Official Examples
- Projects Using Nuxt.js
- 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
- 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
, andsvg
. - 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.
- nuxt-vue-multiselect - Single / multiple select plugin for Nuxt.js using vue-multiselect.
- nuxt-generate-cluster - Multi-threaded generator command for Nuxt.js.
- acidjazz/aeonian - Automate the deployment of your Nuxt.js project on AWS S3 + CloudFront.
- nuxt-memwatch - Quickly watch real-time memory stats of your Nuxt app.
- 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
- 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.
- 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
- blog.Lichter.io - Blog of core team member Alexander Lichter about Nuxt.js, Javascript, Vue and more.
- 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)
- 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
, andjest
. - 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.
- mrsunshine/docker-nuxt - Docker image to build and run a Nuxt application in production mode.
- 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.
- 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.