onefriendaday/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

Contents

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

Official Resources

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

Community

• YouTube
• Twitter
• Gitter Chat Room

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
• Bulma
• Component-cache
• Font-awesome
• Font-awesome 5
• Google-tag-manager
• Localtunnel
• Markdownit
• Proxy
• Toast
• Vendor
• Yandex-metrika

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

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

• 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 - A crowdsourcing platform built with Nuxt.js
• ZenEstate - A Singapore-based real estate agent search engine based on Nuxt.js
• travelme.jp - A website in Japan introducing a lot of travel articles.
• tipe.io - A 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 - A 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 - 🐨 An ecommerce Progressive Web Application made with Nuxt.js on top of Shopify.
• Lichter.io - Open-source portfolio website based on Nuxt.js and TailwindCSS.

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

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
• nuxt-community/content - Nuxt.js stater template for content heavy sites
• 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

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

• element-43 - Element43 is an all-in-one site to track the markets, your industry jobs, trading, you name it
• gustavo - A (mostly) headless blogging platform built atop Nuxt & Gist
• surmon.me - A SSR web application(blog) built with Nuxt.js for nodepress
• n2ex - A v2ex web app built with Nuxt
• ammobin.ca - A meta search site for ammo prices in Canada
• fleisch-online.kaufen - A portal about where to buy good meat online, including a personal blog
• front end intelligence - A 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 - A retrospective website by the publications of the leading press agency in Mauritius, La Sentinelle Ltd.
• thalitajacinda.com - thalitajacinda.com is 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.

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

License