Skip to content

Hiyori is an e-commerce platform equipped with a custom Content Management System (CMS), designed to provide an exceptional online shopping experience. Built using the latest web technologies such as Next.js 14, GraphQL, Supabase, Drizzle, ShadcnUI, and TailwindCSS.

Notifications You must be signed in to change notification settings

KarmaTashiCat/HiyoRi-Ecommerce-Nextjs-Supabase

 
 

Repository files navigation

og-image

We are Keep developing the project.

Hiyori - E-commerce with Custom CMS

Hiyori is a cutting-edge e-commerce platform equipped with a custom Content Management System (CMS), designed to provide an exceptional online shopping experience. Built using the latest web technologies such as Next.js 14, GraphQL, Supabase, Drizzle, ShadcnUI, and TailwindCSS, Hiyori offers seamless, fast, and responsive interactions across all devices.

Features

  • Searching Feature with GraphQL: Dynamic and efficient searching, allowing complex queries with optimized data fetching.
  • Stripe Checkout with Webhooks: Seamless payment processing integrated with real-time notifications for automated order and inventory management.
  • Custom CMS: Easy management for orders, users, products, and collections through a user-friendly interface designed for e-commerce.
  • Next.js 14 AppDir Support: Utilizes the latest Next.js features for improved routing, page organization, and performance.
  • Authentication: Secure login options using credentials or OAuth with Google, ensuring flexibility and security.
  • Guest and User Cart Sync: Synchronizes carts between guest and logged-in states, improving shopping experience and purchase flow.
  • Custom Media Uploader to S3 Bucket: Efficient media management with direct upload to Amazon S3, optimizing content delivery.
  • Database Creation with Drizzle ORM: Simplified database management with object-relational mapping, enhancing data integrity and developer efficiency.
  • Supabase Row Security: Implements row-level security for fine-grained access control, protecting sensitive data.
  • Zod Validation for Form & Route Data: Ensures data integrity with powerful validation for form inputs and route parameters.
  • Middleware for Admin Page and Route Protection: Secures sensitive areas with custom middleware, restricting access to authorized users.
  • Responsive Design: Ensures an optimal viewing experience across all devices, from desktops to smartphones.
  • SEO: Implements best practices for search engine optimization to improve visibility and drive organic traffic.

Upcoming Feature

  • Admin dashboard with realtime data
  • Ordering status
  • Products Stocking
  • Products Variants

Technologies

  • Next.js 14: A React framework for building user interfaces with server-side rendering and static site generation capabilities.
  • GraphQL: A query language for your API, allowing for fetching precise data requests.
  • Supabase: An open-source Firebase alternative providing databases, authentication, and real-time subscriptions.
  • Drizzle: A library to manage application state with Redux store in a simpler and predictable way.
  • ShadcnUI: A modern UI library for React, enabling the creation of beautiful, responsive designs.
  • TailwindCSS: A utility-first CSS framework for rapidly building custom designs.

Getting Started

To get a local copy up and running, follow these simple steps:

Prerequisites

  • Node.js (v12.x or later)
  • npm or yarn

Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/hiyori.git
  2. Navigate to the project directory:

    cd hiyori
  3. Install dependencies:

    npm install
  4. Start the development server:

    npm run dev

Open http://localhost:3000 with your browser to see the result.

Contributing

We welcome contributions to Hiyori! Please read our Contributing Guide for details on our code of conduct and the process for submitting pull requests to us.

License

Hiyori is licensed under the MIT License. See the license file for more information.

Acknowledgments

  • Special thanks to all libraries and frameworks that made Hiyori possible.
  • Shoutout to the community for supporting and using Hiyori.

About

Hiyori is an e-commerce platform equipped with a custom Content Management System (CMS), designed to provide an exceptional online shopping experience. Built using the latest web technologies such as Next.js 14, GraphQL, Supabase, Drizzle, ShadcnUI, and TailwindCSS.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 98.8%
  • Other 1.2%