To Nha Notes | Dec. 5, 2024, 1:17 a.m.
Here are some open-source e-commerce projects built with modern web technologies like Next.js and MongoDB. These can serve as inspiration or a foundation for your own e-commerce platform:
The Book Shelf (GitHub)
This repository provides a complete e-commerce website for books built with React and Tailwind CSS. It includes features such as product listings, wishlists, authentication, payment gateways, and more. It’s a great starting point to understand key concepts and functionalities.
Explore the repository here
Bookstore
This project is an online bookstore built using Next.js, Tailwind CSS, and MongoDB. It includes features such as user registration, login, book browsing, purchasing, dark mode support, and payment receipt generation. The app uses packages like crypto-js for encryption and jsonwebtoken for secure authentication. You can explore its repository and demo on GitHub.
GitHub Repo: Bookstore
Demo: nv-bookstore.vercel.app
Amazona
This project replicates Amazon's e-commerce functionality using Next.js 13, Tailwind CSS, and MongoDB. It supports features like product listing, user authentication (Next Auth), shopping cart management, payment integration with PayPal and Stripe, and media hosting via Cloudinary. It’s a comprehensive example of building scalable e-commerce sites.
GitHub Repo: Next-tailwind-amazona
Demo: amazona
Others
https://github.com/Mayank-Kushwaha/Bookstore-Next
https://bookstore-nextt.vercel.app/#books
https://github.com/bigcommerce/nextjs-commerce
https://vercel.com/templates/next.js/nextjs-commerce
https://github.com/shopwareLabs/nextjs-shopware-starter
https://github.com/gaelgthomas/prisma-sqlite-example
https://www.freecodecamp.org/news/build-nodejs-database-using-prisma-orm/
https://www.robinwieruch.de/next-prisma-sqlite/
Cruip Tutorials
Cruip offers a set of guides and tutorials for building components and full projects with Next.js and Tailwind CSS. These tutorials cover a variety of UI patterns and animations, which you can adapt to your bookstore project.
Visit the Cruip GitHub Repository
Tailwind Toolbox - Bookstore UI
Tailwind Toolbox provides free components and templates, including layouts that you can adapt for a bookstore. This is helpful for building the design and UI quickly.
Visit Tailwind Toolbox for free templates.
Dev.to Article on Building E-Commerce Websites
This article explains how to use Next.js with Tailwind CSS to create scalable e-commerce websites. Although not bookstore-specific, it provides a general framework you can adapt for your use case.
Read the guide here.
https://welearncode.com/beginners-guide-nextjs/
https://vercel.com/templates/next.js/nextjs-commerce
https://github.com/vercel/next.js/tree/canary/examples
https://github.com/nextauthjs/next-auth-example
https://next-auth.js.org/tutorials
https://www.prisma.io/docs/getting-started/quickstart-sqlite
https://github.com/prisma/prisma-examples/tree/latest
https://github.com/rwieruch/next-server-actions
https://github.com/vercel/next.js/tree/canary/examples/with-docker
https://github.com/vercel/next.js/tree/canary/examples/with-docker-multi-env