Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/Developerayo/awesome-nuxtjs

:books::fire:A curated list of awesome resources : nuxtjs communities, articles, videos about using Nuxt.js (Nuxt.js is a framework for creating Universal Vue.js Applications.)
https://github.com/Developerayo/awesome-nuxtjs

List: awesome-nuxtjs

curated-list javascript nuxtjs

Last synced: 16 days ago
JSON representation

:books::fire:A curated list of awesome resources : nuxtjs communities, articles, videos about using Nuxt.js (Nuxt.js is a framework for creating Universal Vue.js Applications.)

Awesome Lists containing this project

README

        











## Awesome Nuxt.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) ![](https://img.shields.io/badge/developerayo-approved-brightgreen.svg)

> Curated list of resources: books, videos, articles about using [Nuxt.js](https://github.com/nuxt/nuxt.js).

List inspired by the [awesome](https://github.com/sindresorhus/awesome). list thing.

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

## Contents

- [Official Resources](#official-resources)
- [Community](#community)
- [Articles](#articles)
- [Videos](#videos)
- [Starter Template](#starter-template)
- [Code Examples](#Code-examples)
- [Use Cases](#use-cases)
- [Companies Using Nuxt.js](#companies-using-nuxtjs)
- [Getting Started](#Getting-started-with-Nuxtjs)

### Official Resources

- [Nuxtjs Guide](https://nuxtjs.org/guide)
- [Nuxtjs GitHub Repo](https://github.com/nuxt/nuxt.js)
- [Nuxtjs API Reference](https://nuxtjs.org/api)
- [Nuxtjs Example Resources](https://nuxtjs.org/examples)
- [Nuxtjs Release Notes](https://github.com/nuxt/nuxt.js/releases)
- [Nuxtjs npm package](https://www.npmjs.com/package/nuxt)

### Community (From Nuxt Community)

- [YouTube](https://www.youtube.com/channel/UCJ9jj5YMzo-HsyM6WG9Q_Lg)
- [Twitter](https://twitter.com/nuxt_js)
- [Gitter Chat Room](https://gitter.im/nuxt/nuxt.js)


### articles

- [The Complete Guide to Build a Full Blown Multilanguage Website with Nuxt.js ](https://www.storyblok.com/tp/nuxt-js-multilanguage-website-tutorial)
- [Using Nuxt with Firebase and Firebase Auth](https://ohdoylerules.com/web/nuxt-firebase-starter/)
- [Deploy a Nuxt.js Tutorials App to Cosmic.js server in 3 Steps ](https://hackernoon.com/deploy-a-nuxt-js-tutorials-app-in-3-steps-20962ed7e74c)
- [Build A Progressive Web Application {PWA} With Nuxt.js](https://scotch.io/tutorials/build-a-progressive-web-application-with-nuxtjs)
- [Build a Server-Side Rendered Vue App with Nuxt.js](https://scotch.io/tutorials/build-a-server-side-rendered-vue-app-with-nuxtjs)
- [Nuxt.js Website Boilerplate by Cosmic.js](https://cosmicjs.com/articles/nuxtjs-website-boilerplate-jezdxaxb)
- [How to Build a Tutorials App Using Nuxt.js by Tony Spiro](https://hackernoon.com/how-to-build-a-tutorials-app-using-nuxt-js-e377ec9c4a8)
- [A Tutorial to Bundle Cockpit CMS & Nuxt.js in a full JAMstack](https://snipcart.com/blog/cockpit-cms-tutorial-nuxtjs)
- [Simple Server Side Rendering, Routing, and Page Transitions with Nuxt.js](https://css-tricks.com/simple-server-side-rendering-routing-page-transitions-nuxt-js/)
- [10 reasons to use Nuxt.js for your next web application](https://medium.com/vue-mastery/10-reasons-to-use-nuxt-js-for-your-next-web-application-522397c9366b)
- [Creating a Website with Nuxt.js and WordPress REST API](https://medium.com/@moustachedesign/creating-a-website-with-nuxt-js-and-wordpress-rest-api-51cf66599cf3)
- [Building a Personal Site with Nuxt.js](https://codeburst.io/building-a-personal-site-with-nuxt-js-96e5703079)
- [Why Nuxt Js is perfect framework for your next landing page?](https://codeburst.io/why-nuxt-js-is-perfect-framework-for-your-landing-page-53e214649b88)
- [Nuxt.js: A Universal Vue.js Application Framework](https://www.sitepoint.com/nuxt-js-universal-vue-js/)
- [Building a Personal Site with Nuxt.js](https://medium.com/@kenrogers/building-a-personal-site-with-nuxt-js-96e5703079)

### Videos

- [Nuxt.js - Introduction by project](https://www.youtube.com/watch?v=nteDXuqBfn0)
- [Nuxt.js - Layouts](https://www.youtube.com/watch?v=YOKnSTp7d38)
- [The Frontend | Nuxt.js & Storyblok - Building a Complete Blog](https://www.youtube.com/watch?v=Dc_5BpIB4X4)
- [Learn Server Rendered Vue.js With Nuxt.js](https://www.youtube.com/watch?v=0oCshE4ba5g)
- [Getting Started with Nuxt.js](https://www.youtube.com/watch?v=Q2ldu2S4ocM)
- [Introduction To Server Rendered Vue.js Apps With Nuxt](https://www.youtube.com/watch?v=090CCd9kGsQ)

### Starter Template

- [Nuxt.js starter project template.](https://github.com/nuxt-community/starter-template)

### Code Examples

- [Created with nuxtjs starter template](https://github.com/FullHuman/purgecss/tree/master/examples/with-nuxt)
- [Best Practices for Nuxt.js SEO](https://medium.com/vue-mastery/best-practices-for-nuxt-js-seo-32399c49b2e5)
- [GraphCMS starter blog with Nuxt.js & Apollo Client](https://github.com/GraphCMS/graphcms-examples/tree/master/current/nuxt-apollo-blog)

### Use Cases (From Nuxt Community)
- [Auth0](https://auth0.nuxtjs.org/)
- [Hello World](https://hello-world.nuxtjs.org/)
- [TODO MVC](https://todomvc.nuxtjs.org/)
- [Starter](https://starter.nuxtjs.org/)
- [Hackernews](https://github.com/nuxt/hackernews)

### Companies Using Nuxt.js

- [DatoCMS](https://www.datocms.com/cms/nuxt-js/)
- [Hashicorp](https://www.hashicorp.com/)
- [Livestorm](https://livestorm.co/)
- [Rokoko](https://www.rokoko.com/en)
- [Compile](https://www.compile.com/)
- [Tipe](#)
- [Certain Lending](https://www.certainlending.com/)
- [Behance](https://www.behance.net/)
- [BBDO](https://bbdo.com/)
`

### Getting started with Nuxtjs (From Nuxt Community starter template)

Live demo: https://starter.nuxtjs.org

## Prerequisites

Make sure to have `node 8.0+` and `npm 5.0+` installed

## Installation

This is a project template for [vue-cli](https://github.com/vuejs/vue-cli).

``` bash
$ vue init nuxt-community/starter-template my-project
$ cd my-project
# install dependencies
$ npm install # Or yarn install
```

> Make sure to use a version of vue-cli >= 2.1 (`vue -V`).

## Usage

### Development

``` bash
# serve with hot reloading at localhost:3000
$ npm run dev
```

Go to [http://localhost:3000](http://localhost:3000)

### Production

``` bash
# build for production and launch the server
$ npm run build
$ npm start
```

### Generate

``` bash
# generate a static project
$ npm run generate
```

## License

[![CC0](http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](https://creativecommons.org/publicdomain/zero/1.0/)