{"id":19337848,"url":"https://github.com/mrarvind90/drip","last_synced_at":"2026-04-08T23:34:05.328Z","repository":{"id":226914807,"uuid":"769950700","full_name":"mrarvind90/drip","owner":"mrarvind90","description":"E-commerce platform built entirely in TypeScript, leveraging NextJS, shadcn/ui components, TailwindCSS for styling, Sanity.io for CMS, and Stripe for payment integration.","archived":false,"fork":false,"pushed_at":"2024-03-11T09:58:12.000Z","size":214,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-06T10:25:18.624Z","etag":null,"topics":["eslint","nextjs","prettier","sanity-io","shadcn-ui","stripe","stripe-checkout","tailwindcss","typescript","use-shopping-cart","vercel"],"latest_commit_sha":null,"homepage":"https://drip-rust.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mrarvind90.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-03-10T14:18:33.000Z","updated_at":"2024-03-11T08:55:02.000Z","dependencies_parsed_at":"2024-11-10T03:15:49.449Z","dependency_job_id":"74cd6883-0f4e-4a6d-ab71-7b1179b4fd2e","html_url":"https://github.com/mrarvind90/drip","commit_stats":null,"previous_names":["mrarvind90/drip"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrarvind90%2Fdrip","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrarvind90%2Fdrip/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrarvind90%2Fdrip/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrarvind90%2Fdrip/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mrarvind90","download_url":"https://codeload.github.com/mrarvind90/drip/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240441950,"owners_count":19801793,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["eslint","nextjs","prettier","sanity-io","shadcn-ui","stripe","stripe-checkout","tailwindcss","typescript","use-shopping-cart","vercel"],"created_at":"2024-11-10T03:15:37.919Z","updated_at":"2026-04-08T23:34:00.291Z","avatar_url":"https://github.com/mrarvind90.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp style=\"text-align: center;\"\u003e\n    \u003cimg src=\"./docs/images/next-logo-dark.webp\" alt=\"NextJS Logo Dark\"/\u003e\n    \u003cbr /\u003e\n    \u003ca href=\"https://vercel.com\"\u003e\u003cimg src=\"https://img.shields.io/badge/Vercel-000?logo=vercel\u0026logoColor=fff\u0026style=plastic\" alt=\"Vercel\"/\u003e\u003c/a\u003e\n    \u003ca href=\"https://www.typescriptlang.org\"\u003e\u003cimg src=\"https://img.shields.io/badge/TypeScript-3178C6?logo=typescript\u0026logoColor=fff\u0026style=plastic\" alt=\"Typescript\"/\u003e\u003c/a\u003e\n    \u003ca href=\"https://nextjs.org\"\u003e\u003cimg src=\"https://img.shields.io/badge/Next.js-000?logo=nextdotjs\u0026logoColor=fff\u0026style=plastic\" alt=\"NextJS\" /\u003e\u003c/a\u003e\n    \u003ca href=\"https://ui.shadcn.com\"\u003e\u003cimg src=\"https://img.shields.io/badge/shadcn%2Fui-000?logo=shadcnui\u0026logoColor=fff\u0026style=plastic\" alt=\"shadcn/ui\" /\u003e\u003c/a\u003e\n    \u003ca href=\"https://tailwindcss.com\"\u003e\u003cimg src=\"https://img.shields.io/badge/Tailwind%20CSS-06B6D4?logo=tailwindcss\u0026logoColor=fff\u0026style=plastic\" alt=\"Tailwind CSS\" /\u003e\u003c/a\u003e\n    \u003ca href=\"https://www.sanity.io\"\u003e\u003cimg src=\"https://img.shields.io/badge/Sanity-F03E2F?logo=sanity\u0026logoColor=fff\u0026style=plastic\" alt=\"Sanity.io\" /\u003e\u003c/a\u003e\n    \u003ca href=\"https://stripe.com/en-my\"\u003e\u003cimg src=\"https://img.shields.io/badge/Stripe-008CDD?logo=stripe\u0026logoColor=fff\u0026style=plastic\" alt=\"Stripe\" /\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n# Drip\n\nE-commerce platform built entirely in TypeScript, leveraging NextJS, shadcn/ui\ncomponents, TailwindCSS for styling, Sanity.io for CMS, and Stripe for payment\nintegration.\n\n## Project Overview\n\n-   **Framework:** [NextJS 14](https://nextjs.org)\n-   **Component Library:** [shadcn/ui](https://ui.shadcn.com)\n-   **Styling:** [TailwindCSS](https://tailwindcss.com)\n-   **Content Management:** [Sanity.io](https://sanity.io)\n-   **Payment Integration:** [Stripe](https://stripe.com/)\n-   **Deployment:** Hosted on [Vercel](http://vercel.com)\n\nNote: This project is predominantly focused on frontend development with minimal\nbackend setup. Take note of the file /config/inventory.ts, which serves as a\ndatabase. Additionally, the file /lib/seed.ts functions as a backend process for\nupdating the list of products within the CMS.\n\n## Project Status\n\nWhile the platform is already functional, there are a few areas that needs to be\nimproved such as:-\n\n-   Improving the user flow in terms of adding product variants.\n-   Improve the way to handle pre-rendered client components - currently using a\n    hacky Suspense boundary with a loader icon\n-   Implementing a backend with database for storing products.\n-   Implementing logic for keeping track of stocks.\n-   Explore other common features within an e-commerce web application.\n-   Improve the overall performance of the application by looking at ways to\n    minify CSS and JS\n\n## Getting Started\n\n1. Clone the repo:\n    ```git\n    git clone git@github.com:mrarvind90/drip.git\n    ```\n2. Navigate to the repository:\n    ```shell\n    cd \u003crepository_directory\u003e\n    ```\n    Change \u003crepository_directory\u003e to the name of the cloned directory.\n3. Install Dependencies:\n    ```shell\n    pnpm install\n    ```\n    This command will install all the necessary dependencies for the\n    application.\n4. Configure Environment Variables: Rename the `.env.sample` file in your\n   project directory to `.env` and update it with the relevant credentials:\n    ```shell\n     cp .env.sample .env\n    ```\n5. Run the application:\n    ```shell\n     pnpm dev\n    ```\n6. Launch the application on http://localhost:3000/\n\n## License\n\nThis project is licensed under the [MIT License](./LICENSE).\n\n## Acknowledgments\n\nBuilt with inspiration from the comprehensive tutorial by\n[@code.bootcamp](https://www.youtube.com/@code.bootcamp). Check out the full\ntutorial:\n[Full Stack E-Commerce App with Next 13, React, Sanity, Stripe, \u0026 TailwindCSS](https://www.youtube.com/watch?v=g2sE034SGjw\u0026list=PLQ0mXHAlMS_XMQ8ng9jjO-JUeP_Z6rDpa\u0026index=33\u0026t=1019s).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrarvind90%2Fdrip","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmrarvind90%2Fdrip","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrarvind90%2Fdrip/lists"}