mrarvind90 / next-commerce

E-commerce platform built entirely in TypeScript, leveraging NextJS, shadcn/ui components, TailwindCSS for styling, Sanity.io for CMS, and Stripe for payment integration.

NextCommerce

E-commerce platform built entirely in TypeScript, leveraging NextJS, shadcn/ui components, TailwindCSS for styling, Sanity.io for CMS, and Stripe for payment integration.

Project Overview

• Framework: NextJS 14
• Component Library: shadcn/ui
• Styling: TailwindCSS
• Content Management: Sanity.io
• Payment Integration: Stripe
• Deployment: Hosted on Vercel

Project Status

While the platform is already functional, there are a few areas that needs to be improved such as:-

• Improving the user flow for successful and error-free payments.
• Implementing advanced searching, sorting and filtering options for product listings.
• Code improvements such as constants (for managing categories), creating a common template page for all and category based listing pages and general code cleanliness
• Running the application agains various
• Other common features within an e-commerce web application

Getting Started

1. Clone the repo:

   git clone [email protected]:mrarvind90/next-commerce.git
   

2. Navigate to the repository:

   cd <repository_directory>

   Change <repository_directory> to the name of the cloned directory.
3. Install Dependencies:

   pnpm install

   This command will install all the necessary dependencies for the application.
4. Navigate to the studio subdirectory:

   cd studio

5. Install Dependencies:

   pnpm install

6. In the same directory, start Sanity Studio

   pnpm dev

7. Navigate back to the root folder and start the NextJS server

   pnpm dev

8. You should now be able to access the Sanity Studio via http://localhost:3333 and the web application via http://localhost:3000

License

This project is licensed under the MIT License.

Acknowledgments

Built with inspiration from the comprehensive tutorial by @janmarshalcoding. Check out the full tutorial: Next.js 14 E-Commerce Website with Stripe, and Sanity.io | Full Stack Tutorial | 2023.