How To Build A Next.js Coupon System Like A Senior Developer
Вставка
- Опубліковано 9 чер 2024
- Building out an ecommerce site is difficult enough on its own, but creating a robust coupon system to go along with it just adds even more complexity. In this video I will show you have to built a complete advanced coupon code system on top of an ecommerce site that covers every scenario you could ever think of.
📚 Materials/References:
Starting GitHub Code: github.com/WebDevSimplified/n...
Ending GitHub Code: github.com/WebDevSimplified/n...
Next.js Ecommerce Video: • Full Stack Ecommerce S...
🌎 Find Me Here:
My Blog: blog.webdevsimplified.com
My Courses: courses.webdevsimplified.com
Patreon: / webdevsimplified
Twitter: / devsimplified
Discord: / discord
GitHub: github.com/WebDevSimplified
CodePen: codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00:00 - Introduction
00:01:31 - Database Changes
00:07:15 - Discount Code Admin Pages
00:54:19 - Customer Payment Page
01:12:38 - Integrating With Stripe
#Next.js #WDS #Ecommerce
9:04 Just a little tip. Instead of backspace and retype a letter, we can re-trigger auto import by pressing Ctrl + Space (on Windows)
Kyle please can you occasionally do some story time and speaking videos like old times? Really loved them and sometimes watching those while working is really great
Awesome..
Just doing the e-commerce tutorial. Great idea to add “bolt on” content.
Great example of coupon implementation
Great tutorial. Merci!!!
Great thanks
I really like your videos❤
Please do a video on DSA
man all your videos always slap.
13:21 this is coolm I wasn't even aware those types are available and I've been using Prisma for 2 years. Lol
Where I can read how it work properly?) it is a magic
@@pigrov I've seen those entries generated in node_modules/.prisma/client/index.d.ts but the file is a bit overwhelming and the docs aren't much help either.
@@wayslow yes. i've seen too, tnx)
Web Dev simplified
For tables make a component for them that can take an array of columns and rows/data
Columns array controls all options for the columns: [{field, header, classNames, modsToData, editable, etc... }]
Rows array is only the data: [{field1, field2, etc...}]
This way you only have to change the API call, rows and colums when there is a change and not go to the HTML portion.
This component could be used in several projects also, as long as the frameworks are close enough.
Will you show how to deploy? Thanks!
please can you make a video about NextJs and Docker
Pse do more of these on the same project. Lets like a fully featured ecommerce web app.
Is that a Postgres thing, that you don’t need a join Table for many to many relations? (Product to Codes)
Thanks
You are very welcome!
I have to do this for a price comparison site, i.e. my setup must handle all the retailers' versions of couponing.
hello! just watched your wordle video from like 2 years ago and i want to point out, if my random word was "yours" and my guessed word was "sense" it would check both S instead of only one of them so both would be yellow in this case, but only one should be.
Is it good, guys?
Fourth comment, BOOM!
First comment
How to design like senior dev.
Occupation: senior UA-camr.
Amazing as always, thanks 🙏
Dude how do u know its amazing... you haven't even had enough time to watch 1/10 of the video
@@isi1044 bro i believe in him😂, to be more clear I meant video content about coupons system not the video itself)
My brother, today is a holiday for Muslims. Happy new year and peace♥
Eid Mubarak bro
@@EmilleJunior Thank you, brother, with all my love and appreciation