This project is a clone of the popular e-commerce platform, AliExpress. It's built using Nuxt.js, a powerful Vue.js framework that allows for server-side rendering and generating static websites.
The image above provides a preview of the application in development mode.
Before you begin, ensure you have met the following requirements:
- You have installed Node.js and npm/yarn/pnpm on your local machine.
- You have a basic understanding of JavaScript and Vue.js.
First, clone the repository to your local machine:
git clone https://github.com/ronhedwigzape/vue-aliexpress-clone
Navigate to the project directory:
cd vue-aliexpress-clone
Install the necessary dependencies:
# If you're using npm:
npm install
# If you're using pnpm:
pnpm install
# If you're using yarn:
yarn install
To start the development server on http://localhost:3000
, run:
# npm
npm run dev
# pnpm
pnpm run dev
# yarn
yarn dev
Your application should now be running on http://localhost:3000
.
To build the application for production, run:
# npm
npm run build
# pnpm
pnpm run build
# yarn
yarn build
This will create a dist
directory with everything you need to deploy your application.
To locally preview the production build, run:
# npm
npm run preview
# pnpm
pnpm run preview
# yarn
yarn preview
Your built application should now be running on http://localhost:5000
.
For more information on deploying your application, check out the Nuxt.js deployment documentation.