Nuxt.js Development

  1. Environment Setup and Installation
    1. Prerequisites
      1. Node.js Requirements
        1. Supported Node.js Versions
          1. Installation Methods
          2. Package Manager Options
            1. npm Usage
              1. yarn Usage
                1. pnpm Usage
                2. Required Vue.js Knowledge
                  1. Vue Component Basics
                    1. Vue Reactivity System
                      1. Vue Composition API
                        1. Vue Template Syntax
                      2. Creating a New Nuxt Project
                        1. Using Nuxi CLI
                          1. Installation of Nuxi
                            1. Project Initialization Commands
                              1. Project Naming Conventions
                              2. Project Scaffolding Process
                                1. Template Selection
                                  1. Initial Configuration Setup
                                  2. Alternative Installation Methods
                                    1. Manual Setup
                                      1. Starter Templates
                                    2. Project Structure Understanding
                                      1. Root Level Files
                                        1. app.vue Purpose and Usage
                                          1. nuxt.config.ts Configuration
                                            1. package.json Dependencies
                                              1. tsconfig.json TypeScript Setup
                                              2. Core Directories
                                                1. pages Directory Structure
                                                  1. layouts Directory Organization
                                                    1. components Directory Management
                                                      1. assets Directory Usage
                                                        1. public Directory Purpose
                                                          1. server Directory Structure
                                                            1. plugins Directory Organization
                                                              1. middleware Directory Setup
                                                                1. composables Directory Usage
                                                                2. Generated Directories
                                                                  1. .nuxt Directory Contents
                                                                    1. .output Directory Structure
                                                                      1. Build Artifacts Location
                                                                    2. Development Environment
                                                                      1. Starting the Development Server
                                                                        1. Development Command Usage
                                                                          1. Server Configuration Options
                                                                            1. Port and Host Configuration
                                                                            2. Hot Module Replacement
                                                                              1. HMR Functionality
                                                                                1. Development Benefits
                                                                                  1. Troubleshooting HMR Issues
                                                                                  2. Development Tools Integration
                                                                                    1. Browser DevTools
                                                                                      1. Vue DevTools
                                                                                        1. Nuxt DevTools

                                                                                    Previous

                                                                                    1. Introduction to Nuxt.js

                                                                                    Go to top

                                                                                    Next

                                                                                    3. Fundamental Concepts: Rendering Strategies