{"id":30632921,"url":"https://github.com/basedhound/nike-ecommerce_next","last_synced_at":"2026-04-09T11:02:35.686Z","repository":{"id":311214391,"uuid":"1026314823","full_name":"basedhound/nike-ecommerce_next","owner":"basedhound","description":"Nike-style eCommerce built with Devin AI, Next.js, TS, Tailwind, and Better Auth. Features product pages, cart, and checkout integrated with Stripe payments and a Neon PostgreSQL/Drizzle backend.","archived":false,"fork":false,"pushed_at":"2025-08-22T19:28:56.000Z","size":13461,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-08-22T21:52:08.905Z","etag":null,"topics":["app","better-auth","devin","drizzle","drizzle-orm","ecommerce","neon","neondb","nextjs","nextjs15","postgresql","stripe","tailwind","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"","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/basedhound.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,"zenodo":null}},"created_at":"2025-07-25T17:08:25.000Z","updated_at":"2025-08-22T19:28:58.000Z","dependencies_parsed_at":"2025-08-22T22:03:04.241Z","dependency_job_id":null,"html_url":"https://github.com/basedhound/nike-ecommerce_next","commit_stats":null,"previous_names":["basedhound/nike-ecommerce_next"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/basedhound/nike-ecommerce_next","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basedhound%2Fnike-ecommerce_next","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basedhound%2Fnike-ecommerce_next/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basedhound%2Fnike-ecommerce_next/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basedhound%2Fnike-ecommerce_next/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/basedhound","download_url":"https://codeload.github.com/basedhound/nike-ecommerce_next/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/basedhound%2Fnike-ecommerce_next/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272912483,"owners_count":25014076,"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","status":"online","status_checked_at":"2025-08-30T02:00:09.474Z","response_time":77,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["app","better-auth","devin","drizzle","drizzle-orm","ecommerce","neon","neondb","nextjs","nextjs15","postgresql","stripe","tailwind","tailwindcss","typescript"],"created_at":"2025-08-30T22:00:35.420Z","updated_at":"2025-12-30T21:34:34.064Z","avatar_url":"https://github.com/basedhound.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cbr /\u003e\n    \u003ca href=\"\" target=\"_blank\"\u003e\n      \u003cimg src=\"public/readme/hero.webp\" alt=\"Project Banner\"\u003e\n    \u003c/a\u003e\n  \u003cbr /\u003e\n\n  \u003cdiv\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-TypeScript-black?style=for-the-badge\u0026logoColor=white\u0026logo=typescript\u0026color=3178C6\"/\u003e\n    \u003cimg alt=\"Static Badge\" src=\"https://img.shields.io/badge/Devin AI-FFF?style=for-the-badge\u0026logo=devin\u0026logoColor=white\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-Tailwind_CSS-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white\" /\u003e\n    \u003cbr/\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Next.js-000?style=for-the-badge\u0026logo=next.js\u0026logoColor=white\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-Better Auth-black?style=for-the-badge\u0026logoColor=white\u0026logo=betterauth\u0026color=black\"/\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-Drizzle-black?style=for-the-badge\u0026logoColor=C5F74F\u0026logo=drizzle\u0026color=black\"/\u003e\n\n  \u003c/div\u003e\n\n  \u003ch3 align=\"center\"\u003eNike Ecommerce w/ Devin AI\u003c/h3\u003e\n\u003c/div\u003e\n\n## 📋 \u003ca name=\"table\"\u003eTable of Contents\u003c/a\u003e\n\n1. ✨ [Introduction](#introduction)\n2. ⚙️ [Tech Stack](#tech-stack)\n3. 🔋 [Features](#features)\n4. 🤸 [Quick Start](#quick-start)\n\n## \u003ca name=\"introduction\"\u003e✨ Introduction\u003c/a\u003e\n\n**`[EN]`** Nike-style eCommerce built with Devin AI, Next.js, Drizzle ORM, and Better Auth. In this project, you’ll master prompting as Devin helps generate sleek product pages powered by Next.js 15, TypeScript, and TailwindCSS. The backend runs on Neon PostgreSQL with Drizzle ORM, authentication is handled with Better Auth, and Zustand manages state — all packaged in a clean, modular UI to help you ship faster.\n\n**`[FR]`** Une boutique Ecommerce Nike, construite avec Devin AI, Next.js, Drizzle ORM et Better Auth. Ce projet a été réalisé grâce au prompting, permettant à Devin de générer automatiquement des pages produits modernes avec Next.js 15, TypeScript et TailwindCSS. Le backend repose sur Neon PostgreSQL avec Drizzle ORM, l’authentification est gérée par Better Auth, et Zustand prend en charge la gestion d’état — le tout dans une interface claire, modulaire et prête à l’emploi pour un déploiement rapide.\n\n\n## \u003ca name=\"tech-stack\"\u003e⚙️ Tech Stack\u003c/a\u003e\n\n- **[Better Auth](https://www.better-auth.com/)** is a framework-agnostic authentication and authorization library for TypeScript. It provides built-in support for email and password authentication, social sign-on (Google, GitHub, Apple, and more), and multi-factor authentication, simplifying user authentication and account management.\n\n- **[Devin AI](https://docs.devin.ai/get-started/devin-intro)** is an autonomous AI software engineer by Cognition Labs that independently plans, writes, debugs, and deploys full applications from natural language prompts. It integrates with tools like Slack, Linear, and Jira to manage tasks and pull requests, and learns new technologies on the fly by reading documentation.\n\n- **[Drizzle ORM](https://orm.drizzle.team/)** is a lightweight and performant TypeScript ORM designed with developer experience in mind. It provides a seamless interface between application code and database operations while maintaining high performance and reliability.\n\n- **[Neon](https://neon.com/)** is a fully managed, serverless PostgreSQL database platform. It offers features like instant provisioning, autoscaling, and database branching, enabling developers to build scalable applications without managing infrastructure.\n\n- **[Next.js](https://nextjs.org/docs)** is a powerful React framework for building full-stack web applications. It simplifies development with features like server-side rendering, static site generation, and API routes, enabling developers to focus on building products and shipping quickly.\n\n- **[TailwindCSS](https://tailwindcss.com/)** is a utility-first CSS framework that allows developers to build custom, responsive designs quickly without leaving their HTML. It provides pre-defined classes for layout, typography, colors, and more.\n\n- **[TypeScript](https://www.typescriptlang.org/)** is a superset of JavaScript that adds static typing, providing better tooling, code quality, and error detection for developers. It is ideal for building large-scale applications and enhances the development experience.\n\n- **[Zustand](https://zustand-demo.pmnd.rs)** is a minimal, hook-based state management library for React. It lets you manage global state with zero boilerplate, no context providers, and excellent performance through selective state subscriptions.\n\n## \u003ca name=\"features\"\u003e🔋 Features\u003c/a\u003e\n\n👉 **Landing Page**: A fast, engaging homepage that introduces your brand and products with smooth animations and clear calls to action.\n\n👉 **Product Listing Page**: Browse all products with filters, sorting, and real-time availability—powered by Devin AI-generated content for dynamic updates.\n\n👉 **Product Details Page**: Detailed product info, images, and reviews with AI-enhanced descriptions to help customers make confident buying decisions.\n\n👉 **Auth Pages**: Secure and seamless user signup, login, and password recovery using Better Auth, ensuring smooth access without backend hassles.\n\nAnd many more, including code architecture and reusability.\n\n## \u003ca name=\"quick-start\"\u003e🤸 Quick Start\u003c/a\u003e\n\nFollow these steps to set up the project locally on your machine.\n\n**Prerequisites**\n\nMake sure you have the following installed on your machine:\n\n- [Git](https://git-scm.com/)\n- [Node.js](https://nodejs.org/en)\n- [npm](https://www.npmjs.com/) (Node Package Manager)\n\n**Cloning the Repository**\n\n```bash\ngit clone [remote URL]\n```\n\n**Installation**\n\nInstall the project dependencies using npm:\n\n```bash\nnpm install\n```\n\n**Set Up Environment Variables**\n\nCreate a new file named `.env` in the root of your project and add the following content:\n\n```env\n# Database\nDATABASE_URL=\"postgresql://username:password@host:port/database\"\n\n# Better Auth\nBETTER_AUTH_SECRET=\"your-secret-key-here\"\nBETTER_AUTH_URL=\"http://localhost:3000\"\n\n# GitHub OAuth (optional)\nGITHUB_CLIENT_ID=\"\"\nGITHUB_CLIENT_SECRET=\"\"\n\n# Google OAuth (optional)\nGOOGLE_CLIENT_ID=\"\"\nGOOGLE_CLIENT_SECRET=\"\"\n```\n\nReplace the placeholder values with your credentials. You can get these by signing up at: [**NeonDB**](https://neon.com/), [**Better-Auth**](https://www.better-auth.com/).\n\n**Running the Project**\n\n```bash\nnpm run dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) in your browser to view the project.\n\n## 📁 Project Structure\n\n```\nsrc/\n├── app/\n│   ├── api/auth/[...all]/route.ts  # Better Auth API routes\n│   └── page.tsx                    # Homepage\n├── lib/\n│   ├── auth/\n│   │   └── index.ts               # Better Auth configuration\n│   └── db/\n│       ├── index.ts               # Database connection\n│       └── schema.ts              # Database schema\n└── store/\n    ├── auth.ts                    # Authentication state\n    └── cart.ts                    # Shopping cart state\n```\n\n## 🗄️ Database Schema\n\nThe application includes the following tables:\n\n- **users**: User accounts and profiles\n- **sessions**: User sessions for Better Auth\n- **accounts**: OAuth accounts and credentials\n- **verifications**: Email verification tokens\n- **products**: Product catalog\n- **orders**: Customer orders\n- **order_items**: Individual items in orders\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbasedhound%2Fnike-ecommerce_next","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbasedhound%2Fnike-ecommerce_next","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbasedhound%2Fnike-ecommerce_next/lists"}