Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/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.
https://github.com/mrarvind90/next-commerce
eslint nextjs prettier sanity-studio shadcn-ui stripe tailwindcss typescript use-shopping-cart
Last synced: 4 days ago
JSON representation
E-commerce platform built entirely in TypeScript, leveraging NextJS, shadcn/ui components, TailwindCSS for styling, Sanity.io for CMS, and Stripe for payment integration.
- Host: GitHub
- URL: https://github.com/mrarvind90/next-commerce
- Owner: mrarvind90
- License: mit
- Created: 2024-03-08T13:59:31.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-03-08T14:56:43.000Z (8 months ago)
- Last Synced: 2024-03-08T15:25:36.710Z (8 months ago)
- Topics: eslint, nextjs, prettier, sanity-studio, shadcn-ui, stripe, tailwindcss, typescript, use-shopping-cart
- Language: TypeScript
- Homepage: https://next-commerce-jpsu.vercel.app
- Size: 124 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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](https://nextjs.org)
- **Component Library:** [shadcn/ui](https://ui.shadcn.com)
- **Styling:** [TailwindCSS](https://tailwindcss.com)
- **Content Management:** [Sanity.io](https://sanity.io)
- **Payment Integration:** [Stripe](https://stripe.com/)
- **Deployment:** Hosted on [Vercel](http://vercel.com)
## 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
git clone [email protected]:mrarvind90/next-commerce.git
```
2. Navigate to the repository:
```shell
cd
```
Change to the name of the cloned directory.
3. Install Dependencies:
```shell
pnpm install
```
This command will install all the necessary dependencies for the application.
4. Navigate to the `studio` subdirectory:
```shell
cd studio
```
5. Install Dependencies:
```shell
pnpm install
```
6. In the same directory, start Sanity Studio
```shell
pnpm dev
```
7. Navigate back to the root folder and start the NextJS server
```shell
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](./LICENSE).
## Acknowledgments
Built with inspiration from the comprehensive tutorial by [@janmarshalcoding](https://www.youtube.com/@janmarshalcoding).
Check out the full tutorial: [Next.js 14 E-Commerce Website with Stripe, and Sanity.io | Full Stack Tutorial | 2023](https://www.youtube.com/watch?v=UnwmPuPdhFc&t=10560s).