minishop-nuxt2

miniShop is an open source project that tries to show the features and methods of using nuxt 2, type script, tailwind, etc,in different aspects of an online shop project. Currently, this project is not complete, but it will be updated over time.

If you are using Nuxt 3, check this link.

Features

validation mixin

By using options API and the yup package, we create a validation mixin that declares values and errors objects to use in form validation. Functions validate and validateAll are used to evaluate single fields and the overall evaluation of a form, respectively.

usage

next features

These features will be added soon: adding product store and configuration store management, styling and adding content to privacy page, connecting contactUs form to server, adding addProduct page,adding auth page and defining user access permissions,...

Setup

Make sure to install the dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm run dev

# yarn
yarn dev

# bun
bun run dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm run build

# yarn
yarn build

# bun
bun run build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm run preview

# yarn
yarn preview

# bun
bun run preview