Skip to content

ski043/sanity-ecommerce

Repository files navigation

Soo you want to create an ecommerce store using remix?

Building an E-Commerce Store with Remix.run, Stripe, and Sanity.io: Full Stack Tutorial


Commands you will need

npm i -D @tailwindcss/aspect-ratio
npm i zustand stripe @sanity/client @sanity/image-url @headlessui/react

Products

APPLE MacBook Pro M2 Pro 2200 The MacBook Pro M2 is Apple's latest addition to its renowned line of professional-grade laptops. Designed to cater to the needs of power users, creative professionals, and enthusiasts, this highly anticipated model combines cutting-edge technology and sleek aesthetics. At its core, the MacBook Pro M2 is powered by Apple's custom-designed M2 chip, delivering exceptional performance and efficiency. With its advanced architecture and enhanced capabilities, the M2 chip ensures seamless multitasking, smooth graphics rendering, and fast data processing, allowing users to tackle resource-intensive tasks with ease.

APPLE Studio Display 1600 The Apple Studio Display is a sleek and stylish monitor that delivers an exceptional visual experience for professionals and creative enthusiasts. Designed to complement Apple's ecosystem, this display features a stunning 4K or 5K resolution, providing vibrant colors, sharp details, and lifelike images. With its high-quality Retina display technology and wide color gamut, the Apple Studio Display offers precise color accuracy and excellent image reproduction, making it ideal for photo and video editing, graphic design, and content creation. The monitor's slim bezels and sleek aluminum design exude elegance, while its adjustable stand allows for easy positioning and ergonomic viewing angles.

Apple Airpods Max 600 The AirPods Max is a premium wireless headphone offering from Apple that delivers an exceptional audio experience combined with sleek design and advanced features. Designed to provide immersive sound quality, the AirPods Max features high-fidelity audio with rich, balanced tones and impressive clarity. The headphones boast a luxurious over-ear design crafted with premium materials, including a stainless steel frame and breathable mesh canopy, ensuring both comfort and durability. Equipped with Apple's H1 chip, the AirPods Max seamlessly connect to your Apple devices, enabling effortless pairing and quick switching between devices.

APPLE iPhone 14 Pro 1200 The iPhone 14 Pro is Apple's flagship smartphone that combines cutting-edge technology, stunning design, and advanced features to deliver an exceptional user experience. Equipped with a powerful A16 chip, the iPhone 14 Pro offers lightning-fast performance, smooth multitasking, and efficient power management. Its stunning Super Retina XDR display showcases vibrant colors, deep blacks, and incredible clarity, making it perfect for immersive multimedia consumption and content creation. The iPhone 14 Pro features an upgraded camera system with improved sensors, allowing users to capture stunning photos and videos with remarkable detail, enhanced low-light performance, and impressive dynamic range.

Deployment

After having run the create-remix command and selected "Vercel" as a deployment target, you only need to import your Git repository into Vercel, and it will be deployed.

If you'd like to avoid using a Git repository, you can also deploy the directory by running Vercel CLI:

npm i -g vercel
vercel

It is generally recommended to use a Git repository, because future commits will then automatically be deployed by Vercel, through its Git Integration.

Development

To run your Remix app locally, make sure your project's local dependencies are installed:

npm install

Afterwards, start the Remix development server like so:

npm run dev

Open up http://localhost:3000 and you should be ready to go!

If you're used to using the vercel dev command provided by Vercel CLI instead, you can also use that, but it's not needed.