Nuxt.js

SSR for Vue.js

Watch User Created Playlist (6)

This playlist is user created.

pro-course-rss-logo

PRO RSS Feed

Load Data from URL Params in Vue.js and Nuxt.js

P

Configure Named Routes in Vue.js and Nuxt.js

P

Add Custom Routes for Hidden Pages with Vue.js and Nuxt.js

P

Preload Data using Promises with Vue.js and Nuxt.js

P

Create Vue.js Layout and Navigation with Nuxt.js

P

Build Vue.js Apps with the Vue-CLI and Nuxt.js

P
vue tutorial about Load Data from URL Params in Vue.js and Nuxt.js

Load Data from URL Params in Vue.js and Nuxt.js

3:18 vue PRO

URLs often reflect some bit of data that the page should load. This lesson walks you through adding a custom URL Param to the router then forwarding that Param to load data onto the page.

vue tutorial about Configure Named Routes in Vue.js and Nuxt.js

Configure Named Routes in Vue.js and Nuxt.js

1:02 vue PRO

As you create more and more routes, the paths become difficult to manage and concatenate the parts together as just a giant string. Using named routes allows you to reference the route by a simple string then pass in the params as an object. This lesson covers configuring named routes in Nuxt.js in the nuxt.config.js and the passing the named route to a router-link.

vue tutorial about Add Custom Routes for Hidden Pages with Vue.js and Nuxt.js

Add Custom Routes for Hidden Pages with Vue.js and Nuxt.js

1:08 vue PRO

Sometimes the pages/ directory structure doesn't meet your needs, so you'll need to customize your routes manually. Using the nuxt config and "hidden pages" you can map routes to view components without getting in the way of the default pages routing.

vue tutorial about Preload Data using Promises with Vue.js and Nuxt.js

Preload Data using Promises with Vue.js and Nuxt.js

2:23 vue PRO

Nuxt.js allows you to return a Promise from your data function so that you can asynchronously resolve data before displaying the page. This allows the server to fetch the data and render the page once it's ready.

vue tutorial about Create Vue.js Layout and Navigation with Nuxt.js

Create Vue.js Layout and Navigation with Nuxt.js

1:40 vue PRO

Nuxt.js enables you to easily create layout and navigation by replacing the default App.vue template with your own app.vue layout in a layouts directory. Then you simply surround your content (the <nuxt> instance) with your navigation and/or layout and you're ready to go.

vue tutorial about Build Vue.js Apps with the Vue-CLI and Nuxt.js

Build Vue.js Apps with the Vue-CLI and Nuxt.js

2:48 vue PRO

The vue-cli allows you to easily start up Vue projects from the command line while Nuxt.js enables a page-based routing system that follows your file structure. Combine these two projects and you'll have a Vue app created from scratch deployed in a matter of minutes.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?