Nuxt Workshop

Overview

Nuxt.js is an open-source Vue framework for creating modern web applications. It offers a powerful and painless development experience with features such as automatic code splitting, server-side rendering, and static-site generation. In this workshop, the instructor, Gift Egwuenu, covers everything you need to know to build a web application from scratch with Nuxt.js. Topics include setup and installation, understanding the Nuxt directory structure, configuring Nuxt with nuxt.config.js, working with layouts and pages, fetching data, SEO with vue-meta, using Nuxt plugins, and extending the app with Nuxt modules. The workshop also explores different deployment strategies.

Features

• Automatic Code Splitting
• Server-Side Rendered, Static-Site Generated / Jamstack, SPA
• Powerful routing system with asynchronous data
• Extend with modular architecture
• Hot Module Replacement in Development
• Write Vue Files (*.vue)
• ES6 Transpilation
• Powerful Lighthouse scores out of the box!
• Pre-processing - SCSS, SASS, LESS

Summary

This workshop covers the fundamentals of building web applications with Nuxt.js. It provides an overview of Nuxt.js and its key features, guides you through the installation process, explains the Nuxt directory structure and configuration options, and explores concepts such as layouts, pages, fetching data, SEO, plugins, and modules. By the end of the workshop, participants will have a solid understanding of Nuxt.js and be able to build their own modern web applications with ease.