Overview
-
Explore Nuxt, a Vue framework for building complete applications both on the server and client side.
Syllabus
-
Introduction
- Learn Nuxt for complete application development
- What you should know
- Exercise files
- 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
- 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
- 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
- Server-side rendering and static site generation
- How to deploy with Cloudflare Pages
- How to deploy with Vercel
- Next steps
