Build, Test and Deploy a Full Stack Next JS E-Commerce from Scratch. (2024)

Time Stamps 👇
00:00:00 – Intro
00:02:57 – Demo
00:13:22 – Create next app
00:20:09 – File Structure
00:34:21 – Setup Eslint
00:40:10 – Setup Jest
00:53:55 – Setup Cypress
01:08:34 – Create Pipeline CI CD
01:43:38 – Setup ShadCn and Some Libraries
02:56:32 – Setup Frontend UI Kit ( Colors – Fonts – Container )
02:13:01 – Create Header Component

🟢FRONTEND NextJs

Demo app: www.carrefour-theta.vercel.app
Source code : www.github.com/sylvaincodes/youtube_ecommerce

🔴BACKEND NextJs ADMIN/ API

Demo API/admin link: www.carrefour-api-test.vercel.app
Login: admin@gmail.com
Password: Admin2024&

Source code Api/admin: www.patreon.com/sylvaincodes

🔗 MUSIC
——————————-
– From Myself

⚠️ Disclaimer
The disclaimer video is intended for educational purposes only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for “fair use” for purposes such as criticism, comment, reporting current affairs, teaching, scholarship and research. Fair use is permitted by copyright law that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use.

#nextjs14
#sylvaincodes
#ecommerce
#reactfrontend
#fullstack