Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/almoghindi/aliexpress-vue

A clone of AliExpress built with Vue.js, Vuex, and Nuxt, leveraging TypeScript for type safety. The project utilizes Nuxt.js for server-side rendering and static site generation, enhancing SEO and performance. It uses Prisma for ORM and Supabase for the backend, styled with Tailwind CSS. The project is containerized using Docker.
https://github.com/almoghindi/aliexpress-vue

Last synced: about 1 month ago
JSON representation

A clone of AliExpress built with Vue.js, Vuex, and Nuxt, leveraging TypeScript for type safety. The project utilizes Nuxt.js for server-side rendering and static site generation, enhancing SEO and performance. It uses Prisma for ORM and Supabase for the backend, styled with Tailwind CSS. The project is containerized using Docker.

Awesome Lists containing this project

README

        

# AliExpress Clone
A clone of AliExpress built with Vue.js, Vuex, and Nuxt, leveraging TypeScript for type safety. The project utilizes Nuxt.js for server-side rendering and static site generation, enhancing SEO and performance. It uses Prisma for ORM and Supabase for the backend, styled with Tailwind CSS. The project is containerized using Docker.
```
git clone https://github.com/almoghindi/AliExpress-clone.git

cp .env.example .env

npm i

npx prisma generate

npm run dev
```

Using Docker
```
docker-compose up --build
```
You'll have to setup a Supabase account & Stripe account, then add all of the details in to your .env file.

Once you've connected your application to Supabase. You'll also need to setup the Auth Providers:
Google [Google](https://cloud.google.com)
Github [Github](https://github.com/settings/developers)

https://supabase.com/docs/guides/auth/social-login/auth-google
https://supabase.com/docs/guides/auth/social-login/auth-github

Now run the command to migrate your database tables and run your seed file.

```
npx prisma migrate dev --name init
```

You should be good to go! If you need any more help, take a look at the tutorial video by clicking the image above.

# Application Images