Build a modern and performant full stack Next.js 14 Ecommerce Website complete with secure Stripe payment integration, efficient content management through Sanity.io and beautiful styling using Tailwindcss and Shadcn UI for accessible components.
👨🏻💻Github Repository: https://janmarshal.com/courses/next-js-14-e-commerce-website-with-stripe-and-sanity-io-full-stack-tutorial-2023
☕️ Buy me a coffe: https://www.buymeacoffee.com/janmarshal
📧 Business ONLY: [email protected]
Installation Command: npm i stripe use-shopping-cart next-sanity @stripe/stripe-js @sanity/image-url --force
Resources used:
Next.js: https://nextjs.org/
Sanity.io: https://www.sanity.io/
Stripe: https://stripe.com/
Shadcn/UI: https://ui.shadcn.com/
Use Shopping Cart: https://useshoppingcart.com/
Timestamps
00:00 Intro
01:02 Demo
03:10 Installation
09:30 Sanity.io Setup
28:30 Create UI
01:25:00 Create Product Page
02:03:00 Implement Payment
02:56:00 Deployment to Vercel
@VercelHQ @sanity_io @stripe
