Nuxt Advanced is a follow-on course to Nuxt Basic using Nuxt 4, covering scalable project structure, client and server error handling, multilingual sites with i18n, server APIs with Nitro, Prisma with PostgreSQL, Pinia, session and OAuth login, testing and deployment. It suits developers who already have Vue.js and Nuxt experience.
Once a Nuxt site grows to many pages and languages, with a database and user accounts, the challenge shifts from making pages render to structuring the project so a team can maintain it, handling errors systematically, protecting data on the server and keeping the site fast as traffic grows. Nuxt provides the tools for all of this in a single project.
This course builds on Nuxt Basic for Beginners with current Nuxt 4, covering large-project structure, error handling, multilingual sites, server APIs with Nitro, a PostgreSQL database through Prisma 7, state with Pinia, session and OAuth login, testing and caching, and finishes with a workshop and deployment. (3 days, 6 hours per day, 18 hours in total, Advanced level.)
Course Details
This course is the 2026 edition of Nuxt 3 Advanced. It runs for 3 days, 6 hours per day (18 hours in total, 09:00-16:00), as lectures with labs. Advanced level. Because Nuxt 3 has reached end of life, this edition moves to Nuxt 4. It keeps the original core of large-project structure, error handling, utilities, multilingual sites with i18n, server APIs, data fetching, Prisma with PostgreSQL, Pinia, authentication and deployment, and adds Nuxt layers, lazy hydration, input validation with Zod, testing with Vitest and caching. Login uses nuxt-auth-utils for both session and OAuth sign-in instead of relying on Supabase Auth. Learners take home a lab guide and the source code of a multilingual online store.
Section 1: Lab: Structuring Large Nuxt 4 Projects
Section 2: Lab: Custom Layouts, Composables and UI
Section 3: Handling Client and Server Errors
Section 4: Utilities and Performance
Section 5: Lab: Multilingual Sites with Nuxt i18n
Section 6: Lab: Building APIs with Nitro
Section 7: Lab: Data Fetching and HTTP Requests
Section 8: Lab: Prisma 7 with PostgreSQL
Section 9: Lab: CRUD and Transactions
Section 10: Lab: State Management with Pinia
Section 11: Lab: Session Authentication with nuxt-auth-utils
Section 12: Lab: OAuth Login and Middleware
Section 13: Lab: Testing Nuxt Apps
Section 14: Caching and Hybrid Rendering
Section 15: Workshop: Deploying a Full-Stack System
No public rounds are open right now. Join the waiting list and we will contact you first when the next round opens, or ask us on LINE. Or call 02-570-8449 or 088-807-9770
Nuxt uses Nitro as its built-in server. Create a file in server/api that exports a defineEventHandler and you get an endpoint named after the file, so server/api/products.post.ts becomes POST /api/products. Read and validate the body with readValidatedBody and Zod, return errors with createError, keep shared code such as PrismaClient in server/utils, and put types used by both pages and APIs in the shared directory.
On the server, use createError with status and statusText to return meaningful errors. In the app, fatal errors show the error.vue page, which reads the error with useError and resets it with clearError. Wrap parts of a page that may fail in NuxtErrorBoundary so only that part shows a message instead of breaking the whole page, and log server errors through a Nitro plugin so you can review them later.
Install the @nuxtjs/i18n module, configure locales in nuxt.config.ts and add a translation file per language in i18n/locales. Choose a URL strategy such as prefix_except_default so the main language has no prefix, show text with $t or useI18n, build language-aware links with useLocalePath, and set language and baseUrl so the module adds hreflang tags for per-language SEO.
When this course was updated, Prisma ORM 7 was the generally available release, while Prisma 8 was still a release candidate and the latest tag on npm could point to it. The course therefore pins version 7 and uses current Prisma 7 practice: prisma.config.ts, the prisma-client generator and the PostgreSQL driver adapter. If a newer version is released, the instructor explains the differences as they stand on the training day.
It suits developers already using Nuxt or Vue who need to build larger systems, full-stack developers who want APIs, databases and user accounts in Nuxt, and teams moving projects from Nuxt 3 to Nuxt 4. You should write Vue with script setup, have used Nuxt for routing, layouts and useFetch, and understand REST APIs and databases at a basic level. If you are new to Nuxt, start with Nuxt Basic for Beginners.
You can structure Nuxt 4 projects a team can maintain, handle errors systematically, build SEO-friendly multilingual sites, write server APIs that validate input, connect to PostgreSQL with Prisma, manage state with Pinia, build session and OAuth login, write test suites, use caching to speed up the site and deploy a full-stack system to the cloud yourself.
Every website we open today, whatever tool or framework built it, ends up in the browser as HTML and CSS. People who understand these two languages can edit pages, adapt templates and talk to development teams with confidence. Yet many beginners learn from…
PostgreSQL has become the first-choice database for modern applications, from backend systems and SaaS products to workloads that keep JSON or vector data alongside relational tables. Yet many developers still treat PostgreSQL as a generic database behind an…
PostgreSQL has become the main database for many organizations, both for new systems and for systems migrated from Oracle, SQL Server or MySQL. Getting it installed and running is only the start. What keeps a system alive is tuning it for the hardware,…
