Azon Shop

E-commerce website built with the modern t3-stack (typescript, drizzle, trpc, next.js app router) (see v1 for older t3-stack implementation w/ prisma)

Features

Fully functioning, persistent Cart
Infinite scroll
Rating System
User profile with order history
Checkout with Stripe
Custom db with orders connected to Stripe
Authentication w/ Clerk
Algolia Autocomplete search

Migration from pages to app router

The current version was migrated to use app router along drizzle ORM and clerk auth. v1 branch is saved as a reference, built with pages router, prisma and next auth.

Environment Variables

To run this project, you will need to add the environment variables from .env.example to your .env file

Run Locally

Clone the project

  git clone https://github.com/andrewsolonets/Azon-Shop.git

Go to the project directory

  cd Azon-Shop

Install dependencies

  npm install

Connect to your db, update drizzle integration if not using PostgreSQL

in .env
  POSTGRES_URL=

Add all the vars to the .env

Set up Algolia

Go to algoliaSeed.ts and change "azon1" to your index name:

await client.saveObjects({ indexName: "azon1", objects: objectsToAdd });

Go to Search.tsx and change:
- sourceId: "AzonShop" to your Algolia application name.
- indexName: "azon1" to your index.

Seeding the Database

Once you've completed the setup for Algolia and added the necessary environment variables, proceed with seeding your database with products.

Seed the Database: Run the following commands in your terminal:

 npm run db:productSeed

 npm run db:ratingsSeed

 npm run db:algoliaSeed

Checking the Changes

After the seeding process completes:

Algolia Dashboard: Visit the Algolia dashboard to see your data indexed based on your seeding.
Drizzle Studio: Access Drizzle Studio using the following command:
```
npm run db:studio
```
Use Drizzle Studio to examine your database and verify the seeded data.

Start the server