Movie Info App Using Nuxt 3

URL

This app is live! you can check on here : https://nuxt3-movie-app-dav13.netlify.app/

Nuxt 3 Minimal Starter

Look at the Nuxt 3 documentation to learn more.

Todo

Improvements that I think can be made, and I will do it as soon as possible in my free time

• Use Axios instead of the Fetch API and leverage its interceptor feature to add headers, so we don't need to add the token every time we make a request. Implement cancel token.
• Refactor constant URLs to use a base URL, so in case the base URL changes, we only need to update one file.
• Implement loading when search the movie
• Other additional feature for exploring nuxt and vue capability (tbd)

Notes

It appears that deploying the WebSocket server for the chat feature on Netlify is problematic because Netlify is primarily designed for static site hosting and serverless functions, which do not support WebSockets natively. You can try the chat feature locally by following these steps:

1. git clone https://github.com/david1312/nuxt-movie.git
2. git checkout feat/chat-plugin
3. npn install then npm run dev

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.