freeCodeCamp via YouTube Free video
Learn how to build a full-stack e-commerce application using the powerful combination of Next.js, Supabase, and Zustand. Paystack is a seamless payment gateway for businesses to accept online transactions. It is like Stripe but with a focus on Africa. The course covers every step of the development process, from managing complex state with the React Context API to deploying your finished application on Vercel. This course will teach you to build and scale real-world applications using industry-standard tools.
Course from @eldicspro
Project Hosted: https://eldics-store.vercel.app
Github Repo: https://github.com/eldominics/eldics-store
Media Files: Within the GitHub repository in public folder
SQL Queries: Within the Github Repository.
Contents
- 0:00:00 Intro
- 0:02:40 Quick App Demo
- 0:04:06 NextJS Installation
- 0:07:39 Figma Intro
- 0:10:26 Supabase Intro
- 0:39:45 Sql Queries For Table And Triggers
- 0:50:21 Supabase Strorage
- 0:52:30 Supabase Setup For NextJS
- 1:02:52 Server Actions
- 1:30:54 Committing Codes To Github
- 1:31:56 Authentication
- 1:42:14 Zod
- 2:23:43 Supabase Triggers and Functions
- 2:41:53 Context API
- 3:10:07 Product Details
- 3:12:49 Buy Now Functionality
- 3:38:47 Paystack Implementations
- 3:45:15 API routes
- 4:30:15 Address Table
- 5:03:00 Triggers
- 5:40:22 Reviews
- 6:30:05 Zustand for storing Cart items
- 7:16:33 Preparing to host
- 7:18:59 Committing all codes to Github
- 7:19:37 Vercel hosting
- 7:22:58 Resolving a bug
- 7:28:36 outro
❤️ Support for this channel comes from our friends at Scrimba – the coding platform that's reinvented interactive learning: https://scrimba.com/freecodecamp
🎉 Thanks to our Champion and Sponsor supporters:
👾 @omerhattapoglu1158
👾 @goddardtan
👾 @akihayashi6629
👾 @kikilogsin
👾 @anthonycampbell2148
👾 @tobymiller7790
👾 @rajibdassharma497
👾 @CloudVirtualizationEnthusiast
👾 @adilsoncarlosvianacarlos
👾 @martinmacchia1564
👾 @ulisesmoralez4160
👾 @_Oscar_
👾 @jedi-or-sith2728
👾 @justinhual1290
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
Some points apply to every course of this kind; see how we rank.
freeCodeCamp is in Tier 3: good universities, respected companies, nonprofits and well-known teachers of our institution ranking (78/100). Free full courses and certifications; practical, but not university-level depth.
Instructor: Prof. Gary Gensler View the complete course: https://ocw.mit.edu/15-S12F18 This course is for students wishing to explore blockchain technology’s potential use - by entrepreneurs & incumbents - to change the world of money and finance. License: Creative Commons BY-NC-SA More information…
This course provides an introduction to mathematical modeling of computational problems. It covers the common algorithms, algorithmic paradigms, and data structures used to solve these problems. The course emphasizes the relationship between algorithms and programming, and introduces basic performa…
This is CS50P, CS50's Introduction to Programming with Python. Register for free at https://cs50.edx.org/python. Slides and source code at https://cs50.harvard.edu/python. Playlist at https://www.youtube.com/playlist?list=PLhQjrBD2T3817j24-GogXmWqO5Q5vYy0V. An introduction to programming using a la…
This is CS50, Harvard University's introduction to the intellectual enterprises of computer science and the art of programming, for concentrators and non-concentrators alike, with or without prior programming experience. (Two thirds of CS50 students have never taken CS before.) This course teaches…
Instructor: Ana Bell View the complete course: https://ocw.mit.edu/courses/6-100l-introduction-to-cs-and-programming-using-python-fall-2022/ *Note: Lectures 6, 10 have been updated! This subject is aimed at students with little to no programming experience. It aims to provide students with an under…
Get more information about the courses and programs we offer. In this playlist you can learn more about course content, pricing, credentials and more!
