react remix

Remix, Stripe, Sanity: E-commerce done right

Evan Marie Carr

• 2 min read
Remix, Stripe, Sanity: E-commerce done right

Build a modern and cutting-edge E-Commerce application using the power of Remix.run, Stripe for payment processing, Sanity.io for content management, and Tailwind.css for a visually appealing user interface.

darkVioletBazaar2

darkVioletBazaar3

darkVioletBazaar4

darkVioletBazaar5

darkVioletBazaar6

darkVioletBazaar7

Features

  1. Remix.run: Use the capabilities of Remix.run's web framework for fast navigation and efficient data fetching.
  2. Stripe: Incorporate seamless and secure payment processing.
  3. Sanity.io: Manage your products, descriptions, and other relevant content with ease.
  4. Tailwind.css: Style your application with the responsive and utility-first CSS framework.

Prerequisites

Before you begin, ensure you have the following installed:

  • Node.js
  • npm or Yarn

Getting Started

1. Clone the repository:

git clone https://github.com/EvanMarie/remixStore.git
cd your-repo-name

2. Install dependencies:

npm install
# or
yarn install

3. Set up your environment variables:

Create a .env file in the root of your project and fill in your credentials:

STRIPE_PUBLIC_KEY=your_stripe_public_key
STRIPE_SECRET_KEY=your_stripe_secret_key
SANITY_PROJECT_ID=your_sanity_project_id
SANITY_DATASET=your_sanity_dataset

(Replace placeholders with your actual credentials.)

4. Run the app:

npm run start
# or
yarn start

The application will start on http://localhost:3000.

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

Acknowledgements