Learning Nuxt.js

Explore Nuxt, a Vue framework for building complete applications both on the server and client side.

Introduction

• Learn Nuxt for complete application development
• What you should know
• Exercise files

1. Getting Started

• What is Nuxt.js?
• Scaffold an app with create-nuxt-app
• A look into .nuxt directory
• The concept of layout and pages
• Challenge: Create your first page
• Solution: Create your first page

2. Nuxt.js Core Concepts

• File system routing
• Dynamic routes
• Data fetching in Nuxt
• The fetch hook
• SEO and meta tags
• Challenge: Create an image gallery
• Solution: Create an image gallery

3. Extending Nuxt.js

• What are Nuxt plug-ins?
• What are Nuxt Modules?
• Challenge: Optimizing images using the Nuxt Image module
• Solution: Optimizing images using the Nuxt Image module

4. Build and Deployment Strategies

• Server-side rendering and static site generation
• How to deploy with Cloudflare Pages
• How to deploy with Vercel

Conclusion

• Next steps