This is the code repository for Nuxt 3 Projects, published by Packt.
Build scalable applications with Nuxt 3 using TypeScript, Pinia, and Composition API
This book is a comprehensive guide to Nuxt.js, which takes you from the basics to advanced topics. Uniquely, this book emphasizes practical, project-based learning, tackling real-world problems.
This book covers the following exciting features:
- Understand Nuxt 3 fundamentals including project configuration, file-based routing, views, layouts, and components
- Adopt modern practices with Composition API and reusable components
- Explore state management with Pinia
- Discover different approaches to fetching data and learn how to catch errors in different lifecycles
- Secure your Nuxt.js apps with authentication and build middleware
- Implement and enhance SEO for improved search engine rankings
- Test and deploy your Nuxt application
- Create custom modules and build scalable apps using monorepo
If you feel this book is for you, get your copy today!
All of the code is organized into folders. For example, Chapter02.
The code will look like the following:
// packages/translation/src/module.ts
export default defineNuxtModule<ModuleOptions>({ meta: {
name: 'translation',
configKey: 'translation'
}
// … rest of code
})
Following is what you need for this book: Ideal for junior to mid-level Vue.js developers with a basic foundation in web app development, this book guides you through Nuxt, real-world problem-solving, and best practices. Senior developers looking to refresh their knowledge or explore Nuxt can also benefit from this book. If you possess basic Vue.js and JavaScript knowledge, this book is ideal for taking your knowledge of advanced web development to the next level.
With the following software and hardware list you can run all code files present in the book (Chapter 1-8).
| Chapter | Software required | Version details |
|---|---|---|
| 1-8 | Node.js | >=18.0.0 |
| 1-8 | Pnpm | >= 7 |
| 1-8 | Visual Studio Code (recommended) or any other IDE |
Click on the following link to see the Code in Action:
Kareem Dabbeet is a certified Vue developer and frontend team lead with over 6 years of professional web development experience. He specializes in JavaScript technologies and has a strong background in algorithms and problem-solving. Kareem is a top contributor to the Vuetify framework and has also made significant contributions to the Nuxt framework and Quasar. He is highly skilled in the Vue framework (Vue - Nuxt - Pinia - Composition API). In his current role at Ejad Solutions, he collaborates on developing large-scale projects using best coding practices and principles. Kareem is also highly skilled in user experience.
Mahmoud Baalbaki armed with a BBA from Canterbury University, is a seasoned Solution Architect and Project Manager renowned for his strategic and analytical prowess in the tech industry. As the founder of Entragile, he spearheads pivotal technology initiatives, while his role at Methodcorp reflects his extensive PMO expertise, guiding projects that enhance database management and cloud infrastructures. Mahmoud's leadership style is characterized by a commitment to innovation and excellence, attributes that resonate throughout his professional and personal life in Amman.