{"id":22115912,"url":"https://github.com/uspiri/things-shop","last_synced_at":"2026-04-17T11:32:15.053Z","repository":{"id":261340054,"uuid":"883948663","full_name":"USpiri/things-shop","owner":"USpiri","description":" 📦Minimalist ecommerce built with Nextjs, Tailwind and Zustand.","archived":false,"fork":false,"pushed_at":"2024-12-02T18:50:43.000Z","size":17867,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-04T02:44:13.854Z","etag":null,"topics":["e-commerce","minimal","nextjs","payments","taiwindcss","zustand"],"latest_commit_sha":null,"homepage":"https://thingsshop.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/USpiri.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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-11-05T21:31:19.000Z","updated_at":"2025-06-28T18:53:44.000Z","dependencies_parsed_at":"2025-03-24T05:37:47.698Z","dependency_job_id":null,"html_url":"https://github.com/USpiri/things-shop","commit_stats":null,"previous_names":["uspiri/things-shop"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/USpiri/things-shop","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/USpiri%2Fthings-shop","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/USpiri%2Fthings-shop/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/USpiri%2Fthings-shop/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/USpiri%2Fthings-shop/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/USpiri","download_url":"https://codeload.github.com/USpiri/things-shop/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/USpiri%2Fthings-shop/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31927770,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-17T10:35:34.458Z","status":"ssl_error","status_checked_at":"2026-04-17T10:35:09.472Z","response_time":62,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["e-commerce","minimal","nextjs","payments","taiwindcss","zustand"],"created_at":"2024-12-01T12:18:17.138Z","updated_at":"2026-04-17T11:32:15.035Z","avatar_url":"https://github.com/USpiri.png","language":"TypeScript","funding_links":["https://www.paypal.com/"],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n# 🛒 Things Shop - ecommerce\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/822c2d6f-f9a9-47d7-88dd-e39aeb2df04d\" alt=\"Things shop icon\" width=\"100\" /\u003e\n  \u003cbr\u003e\n  \u003cem\u003eMinimalist ecommerce built with Nextjs, Tailwind and Zustand. Server components, server actions, integrated with PayPal for payments, and Cloudinary for product image storage.\u003c/em\u003e\n  \u003cbr\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge\u0026logo=react\u0026logoColor=%2361DAFB\"/\u003e\n  •\n  \u003cimg src=\"https://img.shields.io/badge/Next-black?style=for-the-badge\u0026logo=next.js\u0026logoColor=white\" /\u003e\n  •\n  \u003cimg src=\"https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white\" /\u003e\n  •\n  \u003cimg src=\"https://img.shields.io/badge/postgres-%23316192.svg?style=for-the-badge\u0026logo=postgresql\u0026logoColor=white\" /\u003e\n  \u003cbr\u003e\n  \u003cimg src=\"https://img.shields.io/badge/PayPal-00457C?style=for-the-badge\u0026logo=paypal\u0026logoColor=white\" /\u003e \n  •\n  \u003cimg src=\"https://img.shields.io/badge/Prisma-3982CE?style=for-the-badge\u0026logo=Prisma\u0026logoColor=white\" /\u003e\n  •\n  \u003cimg src=\"https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge\u0026logo=typescript\u0026logoColor=white\" /\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cstrong\u003e\u003ca href=\"https://thingsshop.vercel.app/\" target=\"_blank\"\u003ePreview here\u003c/a\u003e\u003c/strong\u003e\n\u003c/p\u003e\n\n## About Things Shop\n\nThings Shop is a high-performance, minimalist ecommerce application built with [Next.js](https://nextjs.org) 14 and [Tailwind](https://tailwindcss.com/). Server-rendered Next.js App Router pages. With users, products and inventory managements systems powered by [Prisma](https://www.prisma.io/) and integrates PayPal for secure payment processing. Product images are handled by Cloudinary, ensuring fast and efficient image delivery.\n\nSee the [demo here](https://thingsshop.vercel.app/).\n\n![438_1x_shots_so](https://github.com/user-attachments/assets/5f491e14-5c6a-41bb-a084-b825b915ed6b)\n\n## 🛠️ Tech Stack\n\n- **Framework**: Next.js 14 (App Router)\n- **Styling**: Tailwind CSS\n- **Database**: PostgreSQL with Prisma ORM\n- **State Management**: Zustand\n- **Payments**: PayPal Integration\n- **Image Hosting**: Cloudinary\n- **Language**: TypeScript\n- **Authentication**: Custom implementation\n\n## 🚀 Features\n\n- 🛍️ **Ecommerce Essentials**: Add products to a cart, manage inventory, and process payments securely with [PayPal](https://www.paypal.com/).\n- 📦 **Dynamic Product Management**: Easily manage products and stock with the Prisma ORM.\n- 🌐 **Server Actions**: Optimized with server components for fast rendering.\n- 🖼️ **Efficient Image Handling**: Product images stored and delivered via Cloudinary.\n- 🔐 **Authentication**: Custom auth implementation for login with [Auth.js](https://authjs.dev/).\n- 👥 **Role based route protection**: Allows certain users to get specific pages based on the user's role.\n- 📱 **Responsive Design**: Ensure accesibility from all devices.\n- 🔎 **Search page**: Quickly find products, user-friendly search interface, using search params.\n\n## 🖼️ Screenshoots\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://github.com/user-attachments/assets/6e897894-39f6-459c-ad2d-31d59bebb4b4\" width='700' align=\"center\"\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://github.com/user-attachments/assets/d958e1ac-b0e4-4ee2-acb6-5a3832680907\" width='700' align=\"center\"\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://github.com/user-attachments/assets/d82c28d4-6ab8-4e57-8427-5f46b9ad23ac\" width='700' align=\"center\"\u003e\n\u003c/p\u003e\n\n## 🗃️ Folder structure\n\n```bash\nprisma/                            # Prisma ORM Configs\npublic/\n└── images/                        # Seed products images\n    └── ...\nsrc/\n├── actions/                       # Server actions\n├── app/                           # App routing folder\n├── components/                    # Components\n├── config/                        # Configuration files\n├── lib/                           # Prisma utilities\n├── models/                        # Interfaces and types\n├── seed/                          # Development seed script\n├── store/                         # Zustand global state\n├── utils/                         # Utility functions\n├── auth.ts\n└── middleware.ts\n\n```\n\n## Getting Started\n\n### Development:\n\n1. Clone the project:\n   \n   ```bash\n   git clone https://github.com/USpiri/things-shop.git\n   ```\n   \n   Or just [click here](https://github.com/USpiri/things-shop/fork).\n   \n2. Go to the folder application.\n   \n   ```bash\n   cd things-shop\n   ```\n   \n3. Copy `.env.template` and rename it to `.env`.\n4. Update the `.env` file with your environment variables.\n5. Install dependencies:\n\n   ```bash\n   npm install\n   ```\n   \n6. Set up the database using Docker:\n    \n    ```bash\n   docker compose up -d\n    ```\n\n7. Apply Prisma migrations:\n    \n    ```bash\n   npx prisma migrate dev\n    ```\n\n8. Seed the database with sample data:\n    \n    ```bash\n   npm run seed\n    ```\n    \u003e **Note:** After running the seed script, clear your browser's local storage and cookies to avoid data conflicts.\n    \n9. Start the development server:\n    \n    ```bash\n   npm run dev\n    ```\n\n10. Open [http://localhost:3000](http://localhost:3000) in your browser.\n11. Clear Local Storage and Cookies.\n\n### Build:\n\n```\nnpm run build\n```\n\n# 🤝 Contribution Guidelines\n\nContributions are welcome! Please fork the repository and submit a pull request with your changes.\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#readme-top\"\u003eBack to top ⬆️\u003c/a\u003e\u003c/p\u003e\n\nSpecial thanks to [Fernando Herrera](https://github.com/klerith) for his Nextjs course.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuspiri%2Fthings-shop","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fuspiri%2Fthings-shop","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuspiri%2Fthings-shop/lists"}