Next.js 13 Full Stack E-commerce App #13 | Add New Address, Render User Addresses

  Рет қаралды 1,813

Coding With Abbas

Coding With Abbas

Күн бұрын

Git Repo Link:
github.com/ghu...
Checkout my In-Depth Next.js Masterclass on Udemy Courses:
www.udemy.com/...
Next.js 13 Authentication with Next-Auth:
• Next.js Authentication...
⚙️ Gadgets I use for Recording:
💻 Laptop - Macbook PRO M1 - 16/512
amzn.to/4eUqrSe
🎤 MIC - Samson Technologies Q2U USB/XLR Dynamic Microphone
amzn.to/3W9Z4wl
🖱️Mouse - Logitech G402 Gaming Mouse Hyperion Fury USB, Black
amzn.to/3RY4xUy
⌨️ Keyboard - Logitech K380 Multi-Device Bluetooth Keyboard
amzn.to/3RY4Fn0
🖥️ Monitor - UltraSharp 24-Inch Screen Led-Lit Monitor (U2419H)
amzn.to/4bxidN6
In this video, we continue building our Full Stack E-commerce App with Next.js 13. We focus on the functionality of adding new user addresses and rendering the user's existing addresses.
We start by creating a new form that allows users to input their address information and store it in the database. Next, we implement a feature to retrieve and display the user's existing addresses on their profile page.
By the end of this tutorial, you'll have a better understanding of how to create a robust e-commerce app with Next.js 13 and be able to provide users with the ability to manage their addresses easily.
Thank you for watching!

Пікірлер: 28
@developer_hadi
@developer_hadi Жыл бұрын
Salam alaikum brother awesome work keep going
@codingwithabbas
@codingwithabbas Жыл бұрын
W.salam, Thank you.
@ilyaasomar9173
@ilyaasomar9173 Жыл бұрын
thank you sir for uploading worderfull content, i would like to create react native ecommerce project and connect this next app
@codingwithabbas
@codingwithabbas Жыл бұрын
Go for it!
@workspace2368
@workspace2368 Жыл бұрын
@lastest Next js 13.2 and above now has API routes/dir in the app folder using route handlers.. I'm having challenge following along.
@codingwithabbas
@codingwithabbas Жыл бұрын
Hi, I will create update video on it soon. But according to next.js, API Routes are still supported in the pages directory with Next.js 13.2
@workspace2368
@workspace2368 Жыл бұрын
Thanks you Abbas. It's working fine now after deleting the api dir in apps folder and creating a new one in pages folder.
@dolapoajayi2156
@dolapoajayi2156 Жыл бұрын
Hello I’m currently following this tutorial and it’s been awesome.are we gonna use redux to manage state in this tutorial?I haven’t seen anything concerning redux
@codingwithabbas
@codingwithabbas Жыл бұрын
Hi, We are not using redux in the project. I'll use redux in some other project. In this project we will use context API.
@dolapoajayi2156
@dolapoajayi2156 Жыл бұрын
@@codingwithabbas okay either way is fine.I must say your course are brilliant when will all videos be uploaded
@sayidali431
@sayidali431 Жыл бұрын
Wow wonderful mr Abbas i appreciate this huge project most waited video
@codingwithabbas
@codingwithabbas Жыл бұрын
Many thanks
@diegoavendanohernandez9908
@diegoavendanohernandez9908 Жыл бұрын
thank you so much for this is incredible, do you think you could update the code so it uses the api from de app directory from the version 13.2?
@codingwithabbas
@codingwithabbas Жыл бұрын
Hi Diego, It will be difficult to update already uploaded videos. I'll add an update video soon, and will probably discontinue this series.
@dolapoajayi2156
@dolapoajayi2156 Жыл бұрын
@@codingwithabbas please i beg dont discontinue this series
@diegoavendanohernandez9908
@diegoavendanohernandez9908 Жыл бұрын
@@codingwithabbas I don´t think you have to discontinue this series cause the app directory is in beta and not production ready, so if you use the api from the pages directory that is perfectly fine. With the app directory or not, this is the best ecommerce next.js tutorial out there.
@TerryMitchell
@TerryMitchell Жыл бұрын
Once again, smooth delivery - nicely paced and highly informative - thanks so much.
@AfonsoFilipeJr
@AfonsoFilipeJr Жыл бұрын
Thanks mate ❤
@codingwithabbas
@codingwithabbas Жыл бұрын
You're welcome 😊
@huseyinbattal
@huseyinbattal Жыл бұрын
Thanks.
@codingwithabbas
@codingwithabbas Жыл бұрын
You're welcome
@akhror-oshie
@akhror-oshie Жыл бұрын
Hi Abbas, thanks for sharing your knowledge once again, Formik for validation would be a better option and we will learn more about it, I hope we will watch it in the next series🤝
@codingwithabbas
@codingwithabbas Жыл бұрын
I have already created video on that. You can check that: kzbin.info/www/bejne/aHircmibq96Lpck
@akhror-oshie
@akhror-oshie Жыл бұрын
@@codingwithabbas thanks, sure will watch it.
@chairilashar7022
@chairilashar7022 Жыл бұрын
hello sir, I requested a react project regarding employee attendance, I really support your channel sir
@codingwithabbas
@codingwithabbas Жыл бұрын
Hi, I will try best to create video on it.
@chairilashar7022
@chairilashar7022 Жыл бұрын
@@codingwithabbas thank you, sir, waiting for the next video
An Unknown Ending💪
00:49
ISSEI / いっせい
Рет қаралды 57 МЛН
Running With Bigger And Bigger Lunchlys
00:18
MrBeast
Рет қаралды 118 МЛН
Brawl Stars Edit😈📕
00:15
Kan Andrey
Рет қаралды 58 МЛН
SHAPALAQ 6 серия / 3 часть #aminkavitaminka #aminak #aminokka #расулшоу
00:59
Аминка Витаминка
Рет қаралды 2,1 МЛН
New Next JS 13! Learn By Coding in 1 Hour
55:30
Eincode
Рет қаралды 7 М.
NextJS 13 - First Look at the /app Folder & Complete Demo
32:39
Next.js Data Fetching, Dynamic Routes & Metadata | Nextjs 13
43:08
The Big Headless CMS Lie (James Mikrut)
18:14
Vercel
Рет қаралды 61 М.
An Unknown Ending💪
00:49
ISSEI / いっせい
Рет қаралды 57 МЛН