Nuxt Movies

Nuxt Movies is a comprehensive demo application designed to showcase a modern web development stack. It functions as a client for The Movie Database (TMDB) API, allowing users to browse movies and related information.

Key Technologies:

• Nuxt 3: A powerful, intuitive, and performant full-stack web framework for Vue.js.
• Vue 3: The progressive JavaScript framework for building user interfaces.
• UnoCSS: An instant on-demand Atomic CSS engine, providing highly performant and flexible styling.
• Nuxt Image Module: Optimized image handling for better performance.
• The Movie Database (TMDB) API: Provides extensive movie data.
• TypeScript: Enhances code quality and maintainability with static typing.

Features & Use Cases: This project serves as an excellent boilerplate for developers looking to build data-driven web applications with Nuxt 3. It demonstrates best practices for:

• Fetching and displaying data from external APIs.
• Building responsive and dynamic user interfaces.
• Implementing modern CSS utility frameworks.
• Setting up a robust development environment with TypeScript.
• Handling internationalization (as indicated by internationalization folder and i18n.config.ts).
• Testing with Playwright and Vitest (as indicated by playwright.config.ts and vitest.config.ts).

A live preview of the application is available at https://movies.nuxt.space. The repository also includes a proxy server setup, detailed in its own README, to handle API requests securely and efficiently.

Setup Instructions: To get started with the project locally:

1. Enable pnpm: $ corepack enable
2. Install dependencies: $ pnpm install
3. Start the development server: $ pnpm dev (runs with hot reload at localhost:3000)

The project is based on previous works like jasonujmaalvis/vue-movies and tastejs/nuxt-movies, and utilizes data from The Movie Database.