HotelMart Ecommerce

HotelMart Ecommerce is an open-source, MIT-licensed e-commerce starter built with Next.js, React MUI, Sanity headless CMS, and Stripe/PayPal, providing a fully functional storefront that handles user login, product browsing, cart management, and payment processing. The repository explicitly states that the project is no longer maintained, but the code remains available for anyone building and deploying an online store on Vercel.

What is HotelMart Ecommerce?

HotelMart Ecommerce is a complete e-commerce website template that lets developers deploy a storefront where users can log in, view products, add or delete items from a cart, and pay with Stripe or PayPal. The platform is built on Next.js for server-rendered pages, uses Sanity as a headless CMS for authentication and product management, and is styled with React MUI. The project is hosted on the GitHub account Sumer16 and is distributed under the MIT license, meaning it can be freely modified and reused.

Key Features

• Server-rendered pages — Next.js performs server-side rendering for all pages, which improves initial load performance and SEO.
• User authentication & product management — Sanity Headless CMS handles user accounts and product data, allowing content editing through the Sanity Studio.
• Shopping cart via React Context API — The cart state is managed globally in React, letting users add and delete products without prop drilling.
• Stripe and PayPal payments — Checkout is processed through both Stripe and PayPal payment APIs, giving customers multiple payment options.
• React Material UI design — The interface is built with MUI components, providing a consistent and responsive design system.
• JWT and bcrypt authentication — User sessions are secured with JSON Web Tokens, and passwords are hashed with bcrypt.
• Light and dark mode — The UI includes both themes for better user accessibility.

Who is it for?

HotelMart Ecommerce is for developers who want a ready-made front end for an e-commerce store and need working authentication, cart, and payment integration. Business owners can use it as a foundation for a custom online store, managing products through Sanity Studio and accepting payments through Stripe and PayPal. It is also useful for students or hobbyists learning how Next.js, headless CMS, and payment APIs fit together in a real application.

What can you do with HotelMart Ecommerce?

• Developers: Set up a full storefront by cloning the repo, configuring environment variables for Sanity, Stripe, PayPal, and JWT, then deploying to Vercel with the provided commands.
• Store owners: Manage product listings and user accounts through the Sanity Studio, with changes reflected on the server-rendered Next.js pages.
• Shoppers: Browse products, view detailed product pages, add or remove items from the cart, and check out via Stripe or PayPal.

How does HotelMart Ecommerce work?

For users, the flow is straightforward: log in with a JWT-based account, browse the product catalog, add items to the React Context cart, and process the order through Stripe or PayPal. For developers, setup involves cloning the repository, installing dependencies with npm or yarn, creating a .env file with the required API keys, creating a Sanity project, and running the development server. The README provides a step-by-step guide for each of these stages, including production build and Vercel deployment.

Pricing

HotelMart Ecommerce is free to use. The source code is released under the MIT license, so there are no licensing fees or subscription tiers.

Alternatives

• Next.js Commerce

FAQ

Is HotelMart Ecommerce free?

Yes, HotelMart Ecommerce is open source under the MIT license, so you can use, modify, and distribute it without cost.

What tech stack does HotelMart Ecommerce use?

The stack is React with Next.js for server-rendered pages, React MUI for styling, Sanity Headless CMS for authentication and product data, and Stripe and PayPal for payments.

Does HotelMart Ecommerce support Stripe and PayPal?

Yes, checkout is implemented with both Stripe and PayPal payment APIs, allowing customers to choose their preferred method during payment.

Is HotelMart Ecommerce still maintained?

No. The repository explicitly states that the project is no longer maintained, so it will not receive further updates or official support.

How do I set up HotelMart Ecommerce?

Clone the repository, install dependencies using npm install or yarn install, create a .env file with your Sanity project ID, dataset, JWT web secret, Stripe keys, and PayPal client ID, then create a Sanity project and run npm run dev.