screenshot of Dukaan


🛍️ Dukaan - An E-commerce Store


Dukaan is an ecommerce store app that was built as a clone of the Indian startup "My Dukaan" by the author as a means to learn more about Next.js and Styled Components. The project took around 48 hours to build over a span of 7-8 days. The app allows users to create an online store and manage their products.


  • Next.js and Styled Components: Dukaan is built using Next.js and Styled Components, which allows for a more efficient and modular development process.
  • Clone of My Dukaan: The app is a clone of the Indian startup My Dukaan, allowing users to experience a similar functionality and user interface.
  • Online Store Creation: Users can create their own online store using Dukaan, allowing them to sell products and manage their inventory.
  • Image Storage: The "dukaan-images" app is included as a simple Node.js app to store images in Firebase Storage, ensuring that the project remains functional even if the original images are deleted from their database.


To install Dukaan, follow the steps below:

  1. Clone the repository:
git clone [repository-url]
  1. Install the dependencies:
npm install
  1. Run the development server:
npm run dev
  1. Open the app in your browser at http://localhost:3000.


Dukaan is an ecommerce store app built using Next.js and Styled Components. It was created as a clone of the Indian startup My Dukaan to learn and explore the capabilities of these technologies. The app allows users to create their own online store, manage their products, and store images in Firebase Storage.


Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.


React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

Styled Components

Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.


Ecommerce websites sell products or services to customers through an online storefront. These websites typically include features such as product listings, shopping carts, payment processing, and order management tools.


TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.