VoV 084: Nuxt.JS With Sebastien Chopin
After the Views on Vue panelists discuss the usage of Nuxt in server side rendering, Ari asks Sebastien to elaborate on how Nuxt can be used outside of server side rendering. Sebastien describes how Nuxt has a pages system that helps streamline the directory and folder structure of an application or web page. Nuxt also has features to help with navigation among other usages described by Sebastien. He also goes into further detail about the features of the pages system. The panel then covers Vuex and using Vuex to perform asynchronous operations, as well as how Nuxt streamlines this process.
The next topic covered by the panelists is Vue page transitions and how they work in Nuxt. Sebastien talks about how Nuxt uses components and modes to manage transitions and how to modify the page’s CSS appropriately. Ari then asks Sebastien what other features come with Nuxt out of the box in addition to transitions. Sebastien goes on to share these features that include the following: transitions, pages transition, templating, app customization, and browser comments. The panelists discuss the plugin ecosystem included with Nuxt.
The next topic covered by the Vue experts is the use of plugins and modules as well as some of the markdown centered authoring in Nuxt. Ben asks Sebastien if a markdown compiler would need to be a plugin or a module and how it would work. Sebastien explains that a user could use markdown by using a webpack loader and how to use modules to support it. Ari ask Sebastien to expound upon how Nuxt enables a quality developer experience when building static sites on a JAMstack. In response to this, Sebastien shares a story about when his brother joined him to work on the first edition of Nuxt. Together they used a generator command to read the pages directory and Sebastien shares the effect that had.
- Ben Hong
- Ari Clark
- Sebastien Chopin
- Webpack Loaders
- Nuxt + Markdown blog starter
- Chuck Norris Database
- NuxtJS Instagram
- NuxtJS Discord Server
- NuxtJS Github
- Sebastien Chopin Twitter
- Atinux github
- Vue.js Conference Amsterdam
What is the advantage of server side rendering?
When sharing your website it allows the direct display of a picture’s metadata. This in turn will increase performance.
Is it possible to use a Vuex action as an asynchronous operation?
Yes, a user can put all their logic in your store and you can dispatch a stored action.
What is JAMstack?
How can people get involved with NuxtJS?
There is a discord server at discord.nuxtjs.org. They are on github as well at https://github.com/nuxt.