Nuxt - Progressive Web Framework Training in Marina Bay, Singapore

The Nuxt – Progressive Web Framework Training provides in-depth knowledge of building modern, high-performance, SEO-friendly, and scalable web applications using Nuxt. The course focuses on Nuxt 3 concepts, including server-side rendering (SSR), static site generation (SSG), hybrid rendering, composables, routing, state management, and deployment for real-world applications.

Introduction to Nuxt & Progressive Web Apps

• What is Nuxt and why it is used

• Nuxt vs Vue SPA vs traditional frameworks

• Progressive Web App concepts

• Nuxt use cases and architecture overview

Nuxt 3 Architecture & Project Structure

• Nuxt 3 folder structure

• Pages, layouts, and components

• Auto-imports and conventions

• Configuration with nuxt.config.ts

Routing, Layouts & Navigation

• File-based routing

• Dynamic and nested routes

• Layout management

• Navigation and middleware basics

Data Fetching & API Integration

• useFetch and useAsyncData

• Server vs client-side data fetching

• Handling loading and error states

• Consuming REST APIs

State Management & Composables

• Local and global state management

• Using composables effectively

• Sharing logic across components

• Introduction to Pinia with Nuxt

Server-Side Rendering (SSR)

• SSR fundamentals and benefits

• Nuxt rendering lifecycle

• Hydration and performance considerations

• Handling SEO with SSR

Static Site Generation (SSG) & Hybrid Rendering

• Static generation concepts

• Hybrid rendering strategies

• Incremental static regeneration (overview)

• Choosing the right rendering mode

Middleware, Plugins & Modules

• Client and server middleware

• Writing and using plugins

• Nuxt modules ecosystem

• Authentication and authorization basics

Styling & UI Integration

• Styling options in Nuxt

• CSS frameworks and UI libraries

• Scoped styles and global CSS

• Responsive design best practices

Performance Optimization & SEO

• Code splitting and lazy loading

• Image and asset optimization

• Meta tags and SEO best practices

• Lighthouse performance considerations

Security & Best Practices

• Environment variables and secrets

• Protecting routes and APIs

• Secure deployment practices

• Common Nuxt security pitfalls

Hands-on Exercises

Summary and Conclusion