Nuxt 3 Website

Shipping Webstie built using Nuxt 3, Vue 3, Tailwind CSS Module, Image Module, VueUse Module, Google Fonts Module, Nuxt I18n Module, Vee-Validate Nuxt Module, Swiper, Sweetalert2 and TypeScript.

Introduction

A multi-page website specializing in shipping and import services from China, developed using Nuxt 3 and Tailwind CSS.

🍿 Live preview: https://shipping-nuxt3.vercel.app

🌐language : Arabic and English

Technologies

Website uses the following technologies:

• Nuxt3 as the Vue framework.
• Tailwind CSS for CSS styling.
• Image Module for Optimised images and lazy-loading.
• VueUse for Collection of Essential Vue Composition Utilities.
• Google Fonts for Add Google Fonts to the website.
• I18n for Add Multi Language to the website.
• Vee-Validate for Add Validation Form Inputs.
• Swiper for All Slider in the website.
• Sweetalert2 for Sweet Alert.
• TypeScript for type safety.

Nuxt 3 Minimal Starter

Look at the Nuxt 3 documentation to learn more.

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

Check out the deployment documentation for more information.