Skip to content

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

License

Notifications You must be signed in to change notification settings

mrarvind90/drip

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

NextJS Logo Dark
Vercel Typescript NextJS shadcn/ui Tailwind CSS Sanity.io Stripe

Drip

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

Note: This project is predominantly focused on frontend development with minimal backend setup. Take note of the file /config/inventory.ts, which serves as a database. Additionally, the file /lib/seed.ts functions as a backend process for updating the list of products within the CMS.

Project Status

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

  • Improving the user flow in terms of adding product variants.
  • Improve the way to handle pre-rendered client components - currently using a hacky Suspense boundary with a loader icon
  • Implementing a backend with database for storing products.
  • Implementing logic for keeping track of stocks.
  • Explore other common features within an e-commerce web application.
  • Improve the overall performance of the application by looking at ways to minify CSS and JS

Getting Started

  1. Clone the repo:
    git clone git@github.com:mrarvind90/drip.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. Configure Environment Variables: Rename the .env.sample file in your project directory to .env and update it with the relevant credentials:
     cp .env.sample .env
  5. Run the application:
     pnpm dev
  6. Launch the application on http://localhost:3000/

License

This project is licensed under the MIT License.

Acknowledgments

Built with inspiration from the comprehensive tutorial by @code.bootcamp. Check out the full tutorial: Full Stack E-Commerce App with Next 13, React, Sanity, Stripe, & TailwindCSS.

About

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

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published