Headless Prestashop with NUXT 3
👋 Welcome
In this course, we'll dive into the fusion of Nuxt 3 and Prestashop API, empowering you to build modern web apps that seamlessly integrate with external services
Enroll the full version (various platforms)
My website:
https://aloui-s-site.thinkific.com/co...
Gumroad:
https://alouimohabib.gumroad.com/l/he...
Udemy:
https://www.udemy.com/course/headless...
Timestamp :
00:00 Introduction
02:17 install prestashop REST API module
05:13 Explore the prestashop REST API
07:50 Create Nuxt 3 project
08:49 Setup Pinia
13:29 Directories structure
15:26 Routing
19:09 Layouts
22:16 Setup bootstrap and icons
26:56 Dynamic header with Pinia
31:30 Styling menu component
34:44 Setup the footer component
39:10 API call lifecycle
40:55 Prepare the API calling workflow
44:27 Create API handler class
53:49 The banner component
50:13 The I18n
01:02:30 New arrivals component
01:06:37 Product thumbnail
01:18:08 Add google fonts
01:20:23 Translation
01:24:16 API handler refactoring
01:33:17 Persist translation to Pinia
01:38:49 Multi-language support for API calls
01:47:57 Fix language id during fetch
01:55:30 Persist store data
02:02:57 Language selector default option
02:07:53 The search form
02:11:44 Handling search form
02:16:32 Search result suggestions
02:29:35 Improve search bar
02:36:04 Search results page
02:39:49 Type the API response
02:41:37 List search results
02:47:31 Filter products list
02:52:32 Persist listing filter
02:56:15 Product page foundation
03:00:28 Product image carousel
03:07:22 PDP quantity control
03:18:51 Raise the quantity event
03:21:40 Show stock status