Skip to content
This repository has been archived by the owner on Nov 21, 2022. It is now read-only.

Latest commit

 

History

History
615 lines (548 loc) · 64.3 KB

README.md

File metadata and controls

615 lines (548 loc) · 64.3 KB


Awesome Nuxt.js

Awesome Nuxt.js Awesome

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

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

💡 Notice: We added a new section for Open source projects using Nuxt, we urge you to move your projects to that section if you already have them in Projects using Nuxt section.

Contents

Official Resources

Community

Modules

Discover the full list of Nuxt modules on https://modules.nuxtjs.org

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.
  • 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.
  • GTM - Google Tag Manager (GTM) Module for Nuxt.js. This plugin 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 node_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 - Easy way to use SVG files in 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.
  • Device - Device detection module for Nuxt.js.
  • TailwindCSS - TailwindCSS module for Nuxt.js with PurgeCSS.
  • AMP - AMP module for Nuxt.
  • Color Mode - Dark and Light mode with auto detection made easy with NuxtJS
  • Cloudinary - Cloudinary module for Nuxt.js for optimizing images and videos on the fly with Cloudinary.

Community

Tools

  • 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.
  • create-nuxt-app - Official scaffolding tool for Nuxt.js projects. Create a Nuxt.js project in seconds.
  • create-nuxt-netlify-cms-docs - Create Nuxt based docs with Netlify CMS as content manager.
  • fume - Deploy to AWS supporting both server and static hosting, custom domains, integrations, and much more.

Mention of Nuxt

Tutorials

The labels show the Nuxt.js versions that were available at that time.

Nuxt.js v1 = Nuxt.js version 1
Nuxt.js v2 = Nuxt.js version 2
Nuxt.js v3 = Nuxt.js version 3


Tutorials published in:

2020

Nuxt.js v2 Nuxt.js v1

2019

Nuxt.js v2 Nuxt.js v1

2018

Nuxt.js v2 Nuxt.js v1

2017

Nuxt.js v1

2016

Nuxt.js v1

Blogs

  • blog.Lichter.io - Blog of core team member Alexander Lichter about Nuxt.js, JavaScript, Vue and more.
  • Ship Shape Blog - Ship Shape's blog about Nuxt.js, Ember.js, JavaScript, Vue and more.

Books

Starter Template

Docker

Official Examples

Community Examples

Open source projects using Nuxt

Nuxt v3

Name Description Repository

Nuxt v2

Name Description Repository
Sahem [Arabic] A demo charity solution which helps poor people obtain expensive tools and equipments. Presented in the Ramadanathon event of 2021. gitlab
We Are Apartments We Are Apartments - helping people live in a home that's right for them. github
Holt Soundboard Soundboard app for all characters from the NBC show Brooklyn Nine-Nine. github
Lammpee Old operating system as homepage. github
Muhaddis Open Source Portfolio website based on Nuxt.js ✨ Moved from WordPress to Jamstack github
empire-admin An awesome, open-source admin panel template made with NuxtJS and bootstrap-vue. (It's still a work in progress, remember to check regularly for updates) github
n2ex Web app of v2ex built with Nuxt. github
ammobin.ca Meta search site for ammo prices in Canada. github
Hare Application boilerplate based on Vue.js 2.x, Koa 2.x, Element-UI and Nuxt.js. 🐇 github
moso.io Personal SSR and PWA portfolio by @moso built with Nuxt.js, Strapi, and Brutalism. github
VueBlog Blog system @wmui. github
DBAdventure Simple PHP and VueJs game where players embody a Dragon Ball character. github
NuxtDoc by Storyblok The setup to build beautiful documentation with Nuxt and Storyblok deployed on Netlify for everyone - for Free. github
nuxt-elm Full-stack open source project based on vue2 + nuxt.Performance demonstration. github
vue-org-chart Manage and publish your interactive organization chart (orgchart), free and no webserver required. github
Opa Modern XMPP Chat Client for the Web. Built with Nuxt and Element UI. github
vue-soundcloud Simple SoundCloud client built with Vue and Nuxt. github
tota.sk NPO in Slovakia cherishing the Rusyn culture. Built with Nuxt.js and Kentico Kontent. github
mute.vc Mute investors on Twitter. github
Dutch Art Daily A new Dutch Golden Age artwork displayed every day. github

Nuxt v1

Name Description Repository
LibCrowds Crowdsourcing platform built with Nuxt.js. github
gustavo Headless blogging platform built atop Nuxt & Gist. github
2017 Rausch Family Christmas Card makes a digital Christmas card every year, and 2017's was built using Nuxt.js. github
PWA Builder Generate your Progressive Web App. github
5se7en.com 5se7en's Personal website. Built with Nuxt.js,express,vuex. github
alainperrier.me Personal SSR and PWA portfolio by @alainperrier built with Vue.js, Nuxt.js, Laravel and TailwindCSS. github

Projects Using Nuxt

  • U Can Stock - U.S. stock market information platform for Korean.
  • 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.
  • 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.
  • 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 + Mapbox + 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.
  • 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.
  • Zip Stores - Zip Pay and Zip Money Stores Directory. Zip is simple, fair and transparent credit and payment solutions that improve lives every day. We allow people to own the things they love now, and pay later, interest free.
  • 61 Financial News - Australia financial news platform for Chinese readers, powered by Nuxt.js with best practices and well-tuned performance.
  • OneConcern - Artificial Intelligence platform for Disasters (source).
  • Pilot - Online doctor consultation, Ecommerce Progressive Web Application made with Nuxt.js & Prisma.
  • Icons8 - Free Design Resources and Software.
  • SUSHI - Still Undergoing Severe Hassle with Irritating paperwork? = SUSHI, Document generator for establishing company in Japan. 🍣
  • benjaminstirrup.com - Benjamin Stirrup's freelance and portfolio website based on Nuxt.js.
  • Asociación Programo Ergo Sum - Open source project to learn programming at school. Non-profit organization.
  • Vendic - Vendic is a Dutch Magento 2 and PWA agency who build their own corporate website with Nuxt.Js.
  • Soane Britain - High end furniture catalogue, PWA built with Nuxt.js powered by Magento 2 and Wordpress.
  • snakit.in - A static Nuxt.js site for an Indian snacks company.
  • pmplgroup.com - A completely static Nuxt.js website using Bulma.
  • 36 Pixels agency - French website agency made with Nuxt.js.
  • JessFlix - A website built for the movie review channel, JessFlix, running entirely on a Nuxt production server. Uses a Wordpress backend, and the YouTube API to curate video content.
  • Vue SoundCloud - A SoundCloud client built with Vue and Nuxt.
  • Whyp - A free audio sharing website built with Nuxt + Tailwind.
  • theoddwave.co.nz - website builder for business startups in New Zealand using Nuxt.js, Vue.js and headless CMS.
  • temp-mail.io - Disposable temporary email service.
  • Freshworks Marketplace - Freshworks App Marketplace with over a 1000 apps trusted by over 30,000 businesses built using Nuxt.js.
  • hurriyetemlak.com - The largest real estate portal in the Turkey. Over 18 billion traffic per month.
  • moebelland.de - German furniture shopping aggregation site.
  • EstadioBerria - Website with info about an architectural reform of a sports complex. In Araba, Basque Country. Build with NuxtJS + Bootstrap Vue + Directus.
  • plannthat.com - Instagram planning, scheduling and analytics for beautiful brands.
  • Zyro.com - Free Website Builder with AI features.
  • Baserow - Open source online database. Build with Django and Nuxt.js.
  • Outdoormix Festival - A full history of 7 years of Ride & Party at Outdoormix Festival powered by Strapi and Nuxt.js
  • lilomoino.fr - Blog photo, video and music. Full static and using Strapi as backend.
  • Vue - The Road To Enterprise - A website build with Nuxt for "Vue - The Road To Enterprise", which is a book that revolves around advanced concepts, patterns, and best practices, for building large-scale Vue applications.
  • Amujamu - Amujamu has the largest collection of Thailand tours. Book your desired one for the best deal. Amujamu, the best of its kind, should be your first choice when it comes to booking tours for Thailand. Tourism Authority of Thailand (TAT) approved tours & activity marketplace.
  • Via Montessori - Collection of Montessori educational activities and articles; Nuxt fetches content from Strapi using Apollo.
  • 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.
  • surmon.me - SSR web application(blog) built with Nuxt.js for nodepress.
  • BitcoinNEWS.blog - Proudly created a web-portal with Nuxt.js & Vue.js about Bitcoin and cryptotechnology.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • 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.
  • Ide.ma - Personal blog built with Vue.js, Nuxt.js and a Laravel driven backend.
  • i-consent.network - Master thesis driven by Nuxt.js and Storyblok.
  • FoodFire.info - Simple Food Ordering PWA app built with Nuxt.js + Firebase.
  • lepshey.ru - SSR and PWA studio site.
  • utilex.pe - Ecommerce website for stationery, items office, educational toys, built with Vue.js, Nuxt.js and use Laravel APIs.
  • Maisons du Monde - Ecommerce website for furnitures and home decor.
  • Cinemax, é um espetáculo - First Angolan website made in Nuxt.
  • xuanmo.xin - Use the Nuxt + WordPress reset api to create a wordpress theme.
  • OpenGraph - Open Graph Meta tags generator. Built with Nuxt and Element UI.
  • OmarAziz.xyz - Personal Website using Nuxt and Vuetify.
  • Akunyi - Charity Website.
  • Steamstats.cn - A website built by nuxt and vuetify aiming at good statistic of steam online players.
  • dota2sites.com - Dota2 and CSGO case opening ranking site built by nuxt.
  • postwoman.io - Lightweight, fast and open sourced API request builder. Built with NuxtJS.
  • Whyp - A free audio sharing website built with Nuxt + TailwindCSS.
  • AwesomeTechStack - Website Tech Stack Analyzer. Built with Nuxtjs + Vuetify.
  • Getform - Form backend platform for designers and developers.
  • Best movies watch - Free movies streaming site. Allows you to watch full movies online without registration.
  • Tune.pk - Tune.pk is one of the largest video sharing website with content from all over the world.
  • bartoszsowul.com - Personal website built with Nuxt.js, Bulma and Storyblok.
  • rapido.com - Official international reseller of digital codes.
  • goonlinetools.com - Free Online Tools site. Built with Nuxt and Vuejs.
  • CMD Generators - Generate CMD by click buttons. Such as tar, ssh.
  • Journalistic - Minimalistic journaling app (PWA). Built with Nuxt + Django.
  • LGBTQ+fy your images - Simple to use website to add pride flags on your image or GIF.
  • d-patterns.js.org - FOSS Discord templates listing website 💬.
  • wammes-gifts.nl - Find the perfect gift using your intuition, built with Nuxtjs + Vuetify.
  • Homekilo - Online store for furniture and decor. Built with Nuxt.
  • 311 Québec City - Web and mobile application for citizens of Québec City. Lets them make useful requests to city officials and services. Multilingual, cross-platform PWA built with Nuxt.js, Cordova, POEditor, TypeScript (case study).
  • HHM Academy Hanoi - HHM Academy Hanoi Technology training center (Viet Nam).
  • GroovyPDF.com - Your free and privacy-focused in-browser PDF toolsuite.
  • Vokal.co - Create podcast video snippets for social media.
  • Roguediscs.com - Modern Ecommerce site to buy disc golf discs and accessories. Making it easy for the user to find the right disc.
  • Freatle - The simplest to know who brings what. Built with Nuxt.js, Bulma and Tailwind.
  • golifelog.com - Goal writing platform built with Nuxt.js, Bulma, and Strapi.
  • ClinicGeek.com - Healthcare directory listing website built with Nuxt.js, TailwindCSS and Supabase.
  • nextkickerz - Soccer mass video competition platform in cooperation with Germany's largest retail chain with world champion goalkeeper testimonial - based on JAMstack technology

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

License

CC0