Quick word

Course curriculum

    1. Installing Prestashop REST Module with Nuxt

    2. Exploring the REST API with Nuxt

    3. Creating a Nuxt Project for Headless Prestashop

    4. Setting Up Pinia with Nuxt

    5. Understanding Directories Structure in Nuxt

    1. Setup Routing

    2. Leveraging Layouts in Nuxt

    3. Bootstrap Setup for Nuxt

    4. Dynamic Header with Pinia in Nuxt

    5. Styling the Menu Component in Nuxt

    6. Footer component

    1. Querying Diagram Implementation with Nuxt

    2. Prepare the API calling workflow

    3. API Handler Class Implementation

    1. Banner component

    2. Internationalization Setup in Nuxt

    3. New Arrival Component

    4. Product Thumbnail

    5. Add Google Font to Nuxt 3

    1. Translation Component

    2. Dynamic Dropdown Refactoring with Translation Persistence

    3. Store Refactoring for Translation Persistence

    4. Multi-language support for API calls

    5. Fix language ID during fetch

    6. Persist Pinia State

    7. Language selector default option

    1. Search UI Integration

    2. Search API Integration

    3. Search Suggestions

    4. Improve Search Suggestions

    5. Search Result Page Setup

    6. Search Result TypeScript Integration

    7. Search Result Product List

    8. Search Result Add Filter

    9. Persist listing filters

About this course

  • $19.99
  • 83 lessons
  • 8 hours of video content

Unlock E-commerce Magic: Prestashop & Nuxt.js Mastery

Enroll NOW

Icons & text

  • Understand the fundamentals of Nuxt 3

    Learn how to set up a new project using Nuxt 3, Explore the core concepts of Nuxt 3 such as pages, components, and layouts, Gain proficiency in using Nuxt CLI commands for development and deployment.

  • Master integration with the Prestashop API

       - Familiarize yourself with the Prestashop API documentation, Learn how to authenticate and make requests to the Prestashop API from a Nuxt 3 application, Understand how to retrieve and manipulate data from Prestashop using API endpoints.

  • . Implement client-side rendering and server-side rendering:

    Differentiate between client-side rendering (CSR) and server-side rendering (SSR) and understand their advantages and limitations.

  • Develop a functional web app integrating Nuxt 3 and the Prestashop API

    Plan and design the architecture of the web app, Implement user interfaces using Nuxt 3 components and layouts, Integrate Prestashop API endpoints to fetch and display relevant data such as product listings, categories, and customer information.