Nuxt3 Products Showcase

This repository demonstrates a simple Nuxt3 application showcasing a list of products fetched from an external API. It includes a responsive product grid, server-side API routes, and currency conversion functionality. Check it at Netlify: https://nuxt-introduction-web.netlify.app/

Features

• Nuxt3: A powerful framework for building modern Vue.js applications
• Fetch products from a public API (https://fakestoreapi.com/products)
• Reusable ProductCard and ProductDetails components
• Responsive grid layout for displaying products
• Server-side API route for fetching currency conversion data
• Currency conversion functionality

Setup

Make sure to install the dependencies:

# yarn
yarn install

# npm
npm install

# pnpm
pnpm install

Development Server

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

npm run dev

Production

Build the application for production:

npm run build

Locally preview production build:

npm run preview

Check out the deployment documentation for more information.