developedbyed
developedbyed
  • 254
  • 55 072 615
Full Stack NextJS 14 E-Commerce Course 2024 Edition DEEP DIVE
Full Course AVAILABLE NOW! 25 Hours Of Juicy Fullstack Content 🔥
developedbyed.com/p/the-full-stack-react-course
What You'll Learn:
🧑‍💻 Build a full-stack e-commerce app from scratch, mastering React and Next.js
🔍 Implement AI-powered search with Algolia for lightning-fast results
🖌️ Create accessible, visually stunning designs using shad/cn
🎨Add captivating animations with FramerMotion for enhanced user experience
👝Streamline image management with Uploadthing for seamless storage and retrieval
💾 Develop a fully managed backend with PostgreSQL and Drizzle for products, users, and reviews
📄Master form creation with React Hook Form for intuitive user input
Efficiently manage client and server state using Zustand and React Query
📊Utilize serverless functions and PostgreSQL with Drizzle for fast queries and scalability
💸Integrate Stripe for secure and reliable payment processing
📈 Deploy your application with confidence, learning domain setup and production best practices
By the end of this course, you'll have the skills and knowledge to create feature-rich, full-stack e-commerce applications that stand out in today's competitive market.
🛴 Follow me on:
Twitch: www.twitch.tv/developedbyed
Twitter: developedbyed
Instagram: developedbyed
Github: github.com/developedbyed/
#programming #react
zhlédnutí: 11 466

Video

5 Tips and Tricks To Make Your Life With Next js 14 Easier
zhlédnutí 24KPřed 14 dny
First 4 chapters live Fullstack Next.js 14 Course 2024 Edition 🎁 developedbyed.com/ Here are a couple of next.js tips that I wish I knew sooner when the app router initially came out, hopefully this helps a lil bit with wrapping your brain around server and client components. Timestamps 00:00 Intro & Demo 00:30 Fullstack Next.js 14 Course 00:44 Next Image Data Blur Local vs Remote 06:25 Careful...
Make Any 3D Model Explode! | Next.js 14 with React Fiber THREE.js
zhlédnutí 7KPřed 21 dnem
Join Brilliant using the link bellow for 30-day free trial 20% off the premium subscription brilliant.org/developedbyed/ DOCS: Three js fiber - docs.pmnd.rs/react-three-fiber/getting-started/introduction Full Code Here - github.com/developedbyed/fiber-awesome-mix Check out my web dev courses below🔥 developedbyed.com/ 👨‍💻Connect with me Twitter: developedbyed Instagram: instagram.com...
3D Scroll Animations Have Never Been Easier! React Fiber + Next.js 14 Tutorial
zhlédnutí 21KPřed 21 dnem
Next.js 14 Course 2024 Edition first 5 Chapters are now LIVE 🔥🔥 developedbyed.com/ Here is the repo for the code github.com/developedbyed/fiber-awesome-mix 🛴 Follow me on: Twitch: www.twitch.tv/developedbyed Twitter: developedbyed Instagram: developedbyed Github: github.com/developedbyed/ #programming #3d #nextjs
This Library Is Amazing | Awwwards Type Animation Tutorial
zhlédnutí 19KPřed měsícem
Join Brilliant using the link bellow for 30-day free trial 20% off the premium subscription brilliant.org/developedbyed/ DOCS: Three js fiber - docs.pmnd.rs/react-three-fiber/getting-started/introduction Full Code Here - github.com/developedbyed/cool-sheet-with-fiber Check out my web dev courses below🔥 developedbyed.com/ 👨‍💻Connect with me Twitter: developedbyed Instagram: instagram...
A beginners guide to Typescript | Collective Literal Types, Widening and Narrowing Types
zhlédnutí 6KPřed měsícem
Check out my Web Development Courses 🔥 developedbyed.com/ 🛴 Follow me on: Twitch: www.twitch.tv/developedbyed Twitter: developedbyed Instagram: developedbyed Github: github.com/developedbyed/ 🔥Dope Tracks Mac Kay - Shade chll.to/00509844 Boukas - Melvin chll.to/10d340df less.people - Lamp Glow chll.to/51b47e4a Enough Cereals - Suave chll.to/3ce6c324
Nextjs 14 Simple Filtering Tutorial Server Actions, React Query Drizzle
zhlédnutí 12KPřed měsícem
Join Brilliant using the link bellow for 30-day free trial 20% off the premium subscription brilliant.org/developedbyed/ Check out my web dev courses below🔥 developedbyed.com/ 👨‍💻Connect with me Twitter: developedbyed Instagram: developedbyed Github: github.com/developedbyed/ 🎶 Dope tracks🔥 Enough Cereals - Foresight chll.to/7f81611e Yasper - Little Help chll.to/7f582...
Devin AI Software Engineer - Did I just lose my job?
zhlédnutí 27KPřed 2 měsíci
Check out my Web Development Courses 🔥 developedbyed.com/ Original Announcment of Devin by Cognition: cognition_labs/status/1767548763134964000 Today we're excited to introduce Devin, the first AI software engineer. Devin is the new state-of-the-art on the SWE-Bench coding benchmark, has successfully passed practical engineering interviews from leading AI companies, and has even com...
This React Drag and Drop Component Is Magic
zhlédnutí 70KPřed 2 měsíci
Join Brilliant using the link bellow for 30-day free trial 20% off the premium subscription brilliant.org/developedbyed/ Check out my web dev courses below🔥 developedbyed.com/ 👨‍💻Connect with me Twitter: developedbyed Instagram: developedbyed Github: github.com/developedbyed/ 🎶 Dope tracks🔥 C Y G N - Take it Eazy chll.to/a2c63d7c C Y G N - Sex on the Backseat chll.to/...
A beginners guide to Typescript | Why use it?
zhlédnutí 18KPřed 2 měsíci
Web Development Courses ⚡ developedbyed.com/ So yeah I'll be making this series starting with episode one, we are just going to ease in and get familiar with basic types, the benefits of typescript, and more. I'll cover more advanced topics like generics later on in the series, so if you have any suggestions give me a shout in the comments 👍 🛴 Follow me on: Twitch: www.twitch.tv/developedbyed T...
Nextjs 14 Rate Limiting Tutorial | Upstash Drizzle Server Actions
zhlédnutí 8KPřed 3 měsíci
Join Brilliant using the link bellow for 30-day free trial 20% off the premium subscription brilliant.org/developedbyed/ Check out my web dev courses below🔥 developedbyed.com/ 👨‍💻Connect with me Twitter: developedbyed Instagram: developedbyed Github: github.com/developedbyed/ 🎶 Dope tracks🔥 C Y G N - Take it Eazy chll.to/a2c63d7c C Y G N - Sex on the Backseat chll.to/...
This Magnetic Nav Link Animation Is Sick!! | Nextjs 14, Framer Motion Tutorial
zhlédnutí 22KPřed 3 měsíci
Join Brilliant using the link bellow for 30-day free trial 20% off the premium subscription brilliant.org/developedbyed/ Check out my web dev courses below🔥 [developedbyed.com](developedbyed.com/) Resources and code 💻github.com/developedbyed/next-14-magnetic-linkswww.framer.com/motion/ jh3yy 👨‍💻Connect with me Twitter: developedbyed Instagram: developedbyed...
Why I Pick ShadCN and Tailwind for all my projects
zhlédnutí 50KPřed 3 měsíci
Next 14 Course Coming Soon 🔥 developedbyed.com/ Tools and resources ⛏️ tailwindcss.com/ ui.shadcn.com/ getbootstrap.com/ mui.com/ styled-components.com/ 🛴 Follow me on: Twitch: www.twitch.tv/developedbyed Twitter: developedbyed Instagram: developedbyed Github: github.com/developedbyed/ #programming #react
Why I Still Use React Query with Next 14
zhlédnutí 48KPřed 4 měsíci
Check out my courses to become a for awesome web dev courses ✨! developedbyed.com/ Here is the link for the repo as well, do note I haven't yet implemented the likes or delete, so you can just delete anyones post now lol github.com/developedbyed/next14-query-combo-cache-destroyer Let's chat 👋 Twitter: developedbyed Github: github.com/developedbyed/ Chapters 00:01 Is React Query stil...
Next.js 14 - Server Actions TUTORIAL | Type Safety, Error Handling, Pending States
zhlédnutí 26KPřed 4 měsíci
Getting close to finishing the Next 14 Course, stay tuned for the update. developedbyed.com/ Resources ⛏️ nextjs.org/docs/app/building-your-application/data-fetching/server-actions-and-mutations github.com/TheEdoRan/next-safe-action 🛴 Follow me on: Twitter: developedbyed Github: github.com/developedbyed/ Dope tracks 🔥 Shofel - Balcony chll.to/8d7e18be #react #nextjs
This Animation Tool Will Change Web Development
zhlédnutí 89KPřed 5 měsíci
This Animation Tool Will Change Web Development
Build A 3D Interactive React Website in 15 Minutes
zhlédnutí 19KPřed 5 měsíci
Build A 3D Interactive React Website in 15 Minutes
A Guide To ARIA and HTML
zhlédnutí 14KPřed 6 měsíci
A Guide To ARIA and HTML
Next 14 + React Query COMBO with Server Actions and RSC
zhlédnutí 82KPřed 6 měsíci
Next 14 React Query COMBO with Server Actions and RSC
Build a Rich Text Editor in Next 13 Tutorial
zhlédnutí 75KPřed 7 měsíci
Build a Rich Text Editor in Next 13 Tutorial
Shadcn + Next.js 13 is HEAVEN | A QUICK GUIDE
zhlédnutí 120KPřed 7 měsíci
Shadcn Next.js 13 is HEAVEN | A QUICK GUIDE
Vanilla CSS Scroll Animations Now Possible!
zhlédnutí 84KPřed 8 měsíci
Vanilla CSS Scroll Animations Now Possible!
Avoid These Typescript Mistakes
zhlédnutí 10KPřed 8 měsíci
Avoid These Typescript Mistakes
My Favourite VSCode Shortcuts and Tricks
zhlédnutí 27KPřed 8 měsíci
My Favourite VSCode Shortcuts and Tricks
Don't be AFRAID of Typescript | A Guide For Beginners
zhlédnutí 24KPřed 8 měsíci
Don't be AFRAID of Typescript | A Guide For Beginners
Singleton Pattern EXPLAINED IN 10 MINS | Javascript Design Patterns for beginners
zhlédnutí 17KPřed 8 měsíci
Singleton Pattern EXPLAINED IN 10 MINS | Javascript Design Patterns for beginners
Learn CSS Displays in 12 Minutes | Grid, Flexbox, Inline Block, Block
zhlédnutí 25KPřed 8 měsíci
Learn CSS Displays in 12 Minutes | Grid, Flexbox, Inline Block, Block
CSS Pseudo Classes and Elements Tutorial
zhlédnutí 10KPřed 8 měsíci
CSS Pseudo Classes and Elements Tutorial
Ultimate Guide to HTML5 Images
zhlédnutí 29KPřed 9 měsíci
Ultimate Guide to HTML5 Images
A Full Guide to CSS UNITS!
zhlédnutí 15KPřed 9 měsíci
A Full Guide to CSS UNITS!

Komentáře

  • @penyuinsidestudios
    @penyuinsidestudios Před 9 hodinami

    Why woke here

  • @user-ck8xt6hl2k
    @user-ck8xt6hl2k Před 9 hodinami

    Well explained! Thumbs up from me.

  • @timeforrice
    @timeforrice Před 9 hodinami

    Great tech stack!

  • @steiner1052
    @steiner1052 Před 10 hodinami

    It seems like a very interesting course! I think I'm going to evaluate it, could I ask why Drizzle instead of Prisma?

  • @stmoerman
    @stmoerman Před 11 hodinami

    Almost had me with the "Strip" on the webpage, thought this course took a crazy turn 😉

  • @fullstackspiderman
    @fullstackspiderman Před 11 hodinami

    @ed, any power parity purchase option for developers from developing countries?

  • @sillysquirrel9979
    @sillysquirrel9979 Před 11 hodinami

    thanks i hate it

  • @BorisDiRocco
    @BorisDiRocco Před 14 hodinami

    Thanks so much, really great tutorial

  • @jsjworville
    @jsjworville Před 18 hodinami

    looks great! any tailwind css?

    • @developedbyed
      @developedbyed Před 17 hodinami

      Yeah we use tailwind and shadcn ❤️

  • @ahmadyakubuahmad7626
    @ahmadyakubuahmad7626 Před 18 hodinami

    Heheeheh, the one and only magician in the webTech space....The most awesome Techstack and package to dive into Fullstack development, Thats really great and amazing, Keep on the good work. Thanks for providing qualitative and impeccable resources from @developbyEd. You are an inspiration man👋👋👋💥

  • @easy-do2885
    @easy-do2885 Před 19 hodinami

    Hi @developedbyed please can i get a discount on the course, I'm from a region in west Africa, i really want to take this course but the exchange rate is quite a lot for us in this part of the world. I would really love to get a discount

  • @lycan2494
    @lycan2494 Před 19 hodinami

    guys DO NOT buy his course. i got kicked out of his discord for just asking questions

    • @developedbyed
      @developedbyed Před 19 hodinami

      You sure you where not trolling? What’s your discord? Happy to help out

    • @bommambo7425
      @bommambo7425 Před 19 hodinami

      You are fake

    • @lycan2494
      @lycan2494 Před 17 hodinami

      @@developedbyed Not trolling. I bought this course last year. When I asked for help, I got kicked out. I didn't think such a thing would happen because I'm a premium member but turns out it was a sour experience.

    • @developedbyed
      @developedbyed Před 16 hodinami

      Sorry just a bit confused, I haven’t banned anyone from discord, only one person that the community members messaged me about cause they where being really rude. Do you mind letting me know your username so I can look into it?

    • @lycan2494
      @lycan2494 Před 15 hodinami

      ​@@developedbyed But I wasn't rude? I only demanded for help after waiting for so long (like 3 days) after being asked to wait. So I asked again after a long wait but got kicked out. Maybe don't mod these snowflakes? Also I don't remember my old username, I use a new one now. Also what's the point of your discord if no one bothers answering questions?

  • @tonyshelby111
    @tonyshelby111 Před 19 hodinami

    Dude, you can kiss my ass for 39.99$ It's even better value to buy from a Fireship

    • @developedbyed
      @developedbyed Před 19 hodinami

      If you don’t buy it the problem goes away 👍

  • @AXGO1
    @AXGO1 Před 20 hodinami

    I was watching a video and I fell asleep and I woke up in this video

  • @saraswati-saha
    @saraswati-saha Před 21 hodinou

    Make a tutorial on how to use styled components with Next JS.

  • @Aesthetic_382
    @Aesthetic_382 Před 23 hodinami

    I woke up here it was literally next to my head

  • @ketan4928
    @ketan4928 Před 23 hodinami

    Can I get source code ?

  • @PritamTirpude23
    @PritamTirpude23 Před dnem

    Nice workflow Ed... looks like a quality content 👍🏽.... eager to deep dive into the course

  • @MeerUzairWasHere
    @MeerUzairWasHere Před dnem

    paid?

  • @1qazxsw2010
    @1qazxsw2010 Před dnem

    That looks very stable, amazing work, tocayo.

  • @sony4481
    @sony4481 Před dnem

    Looks great, amazing work! 👍

  • @sony4481
    @sony4481 Před dnem

    Looks great, amazing work. 👍

  • @developedbyed
    @developedbyed Před dnem

    Tech stack: Next.js 14,2 Next-Auth V5 Drizzle ORM Postgresql Zustand Algolia Framer Motion NeonDB Resend React Hook Form Shad/CN Stripe

  • @wanwan-swagg
    @wanwan-swagg Před dnem

    Happy belated birthday!! I really appreciate this video!

  • @tasfiqjawaad3757
    @tasfiqjawaad3757 Před dnem

    Excited about this. But I'm not sure if the course page needs update as it says 'The course was recorded in March 2023, with Next 13.2'. Just wanted to point this out. Another feedback, on your course page, maybe add the list of primary tech stack with icons and stuff. I think this can give a nice quick insight about the stack we will be learning.

    • @developedbyed
      @developedbyed Před dnem

      Thanks! Yeah I am aware haha I’m building out a landing page for it, the Teachable one is temporary for now 😅 here’s the stack Next.js 14,2 Next-Auth V5 Drizzle ORM Postgresql Zustand Algolia Framer Motion NeonDB Resend React Hook Form Shad/CN Stripe

    • @tasfiqjawaad3757
      @tasfiqjawaad3757 Před dnem

      @@developedbyed Looking forward to that landing page. Best wishes

  • @dummymail2495
    @dummymail2495 Před dnem

    Awesome deved.❤ Really impressed by the Auth system u implemented. Thanks🎉

  • @antalpeteer
    @antalpeteer Před dnem

    Why do i wake up on shi like this everyday

  • @DSTeamCA
    @DSTeamCA Před dnem

    There is a coupon for Brazil? Our currency is devalued. If no, it's okay.. Great course by the way!!

  • @codernerd7076
    @codernerd7076 Před dnem

    No deployment chapter yet!?

  • @thaqifshaherrymin
    @thaqifshaherrymin Před dnem

    I woke up here

  • @Alex.Shalda
    @Alex.Shalda Před dnem

    Awesome course Almost exactly what I am doing at work, although I deploy it on a vps and use Postgresql with Prisma

  • @ts3798
    @ts3798 Před dnem

    Can you please add some padding the the bottom of the front page? Please.

  • @NutsAboutData
    @NutsAboutData Před dnem

    OMG Ed make sure to have some sleep time

    • @developedbyed
      @developedbyed Před dnem

      Hahaha thank you, definitely need some after this one!

  • @samuelopeyemi8377
    @samuelopeyemi8377 Před dnem

    Good one developedbyed, Do you use TypeScript in this project?

  • @kelvinochubili6762

    Great course wow, can’t afford it tho but kudos to you Ed

  • @solomonchinedu5898

    I wish i have money i would have loved to purchase

  • @sudoalex
    @sudoalex Před dnem

    I love you Ed :)

  • @user-px6jp2tq9h
    @user-px6jp2tq9h Před dnem

    Excellent work!!Well done 💯

  • @mohammadabbas1623
    @mohammadabbas1623 Před dnem

    Amazing😮

  • @irfansaeedkhan7242

    complete full fledge fullstack gem, thank you for that, will buy when you give discount in near future, cannot buy from third world country :p

    • @kazmi401
      @kazmi401 Před dnem

      its just 39$ man! Where are you from.

  • @DixitDeshani
    @DixitDeshani Před dnem

    Hey bro please help me 🙏 Im learning JavaScript since 2 week but logic is not build, so what i do to build a logic.

    • @kazmi401
      @kazmi401 Před dnem

      Logic takes time man! Just stay persistent

    • @SuperAlibajwa
      @SuperAlibajwa Před dnem

      Hi what logic what do u mean by logic

  • @developedbyed
    @developedbyed Před dnem

    Thanks everyone, hope you find this really cool!

  • @jindrichknedla7406

    hehe second xD

  • @gambomaster
    @gambomaster Před dnem

    Thank you my gorgeous teacher on the internet. 🙏

  • @x.ragnar
    @x.ragnar Před dnem

    Hehehe first

  • @mathori-133
    @mathori-133 Před dnem

    why is this played after mbti videos

  • @Moustachebear123
    @Moustachebear123 Před dnem

    Can Someone send me the code from this video without me having to manually typing everything here

  • @sadeghshariati5440

    interesting, that was really practical👍

  • @Pareshbpatel
    @Pareshbpatel Před 2 dny

    A nice introducton on how to use TypeScript with React. Thanks, Ed. {2024-05-18}

  • @Pareshbpatel
    @Pareshbpatel Před 2 dny

    Nice Tailwind tips. Thanks, Ed. {2024-05-18}