Skip to content
Khriztian Moreno edited this page Nov 8, 2017 · 2 revisions

Build a Server Rendered Vue.js App with Nuxt and Vuex

Vue.js has a first-class ecosystem to help construct Vue.js apps. This includes Nuxt.js which enables server-rendered applications and a page-based approach.

This workshop will start with an empty app and walk through how to use Vue.js for building the app, Nuxt.js for organizing the app, and Vuex for managing state.

Nuxt Gists

Prerequisities

To start this workshop you must have previously installed on your computer nodejs

Rate Limiting

For requests using Basic Authentication or OAuth, you can make up to 5000 requests per hour. Authenticated requests are associated with the authenticated user, regardless of whether Basic Authentication or an OAuth token was used. This means that all OAuth applications authorized by a user share the same quota of 5000 requests per hour when they authenticate with different tokens owned by the same user.

For unauthenticated requests, the rate limit allows for up to 60 requests per hour. Unauthenticated requests are associated with the originating IP address, and not the user making requests.

curl -H "Authorization: token OAUTH-TOKEN" https://api.github.com

Translate

You can consult the guide in both Spanish and English.

Workshop

This guide aims to be an aid to carry out the workshop autonomously.

  1. Setup Vue-CLI
  2. Layout & Components
  3. Pages & Routing
  4. Modules
  5. Async Data
  6. Plugins
  7. Vuex Store
  8. ServerMiddleware vs Middleware
  9. Utils
  10. Deployment