Скачать или смотреть Next.js13 MUI5 E-Commerce Project with Sanity, Navigation Bar, Popup Search Box for Mobiles, Layout

This is part1 of Nextjs Sanity Stripe E-commerce (Online Sales) Project (E-Shop).
In this video we added responsive navigation bar with Menu, Logo, Search, Cart and Account icons. We added also popup search box for small screens like mobiles.
Navigation tab to navigate through the web application pages.
Layout for the app bar to include it in all pages.
MUI configurations to work properly with Nextjs
MUI custom Theme.
Next.js
MUI(Material UI)
Sanity
Stripe
React.js
Typescript
Javascript
Nextjs Layout
Search Input for mobiles

Source Code on github:
https://github.com/codelikepro22/e-sh...


00:00 Introduction
00:46 Creating Next.js app with typescript
02:14 MUI with Nextjs configurations
08:41 Creating Navigation Bar
11:50 Search Input in Nav Bar
18:19 Search Icon for mobiles
19:39 Shopping cart Icon with Pulse animation and Account Icon
24:37 popup Search Input for small screens (Mobiles)
26:59 auto focus on popup search input when open Dialog (direct typing pointer "active")
30:13 Tabs Links (Navigation Menu) for Next pages
37:14 Nextjs Layout for Navigation Bar
38:55 Git Push (code changes) to Branch on Github repository