Nuxt 3 CRUD App

This project serves as a practical demonstration of implementing CRUD (Create, Read, Update, Delete) operations within a Nuxt 3 application with integration of MongoDB as the backend database solution. By leveraging Server Routes & Middleware, it showcases how to seamlessly manage books and authors, including their relationships. Dive into the codebase to explore best practices for handling data in a Nuxt 3 environment and discover how to build robust CRUD functionality effortlessly.

Technologies Utilized

Here's a list of the technologies and tools used in this project:

• Nuxt 3
• TailwindCSS
• Headless UI
• Pinia
• VeeValidate V4
• MongoDB
• TypeScript
• Nuxt I18n
• Prettier
• Docker

Setup

Add mongo uri to .env file.

Make sure to install the dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

You can do npm install --force (Force if you get an error regarding pinia)

Development Server

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

# npm
npm run dev

# pnpm
pnpm run dev

# yarn
yarn dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm run build

# yarn
yarn build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm run preview

# yarn
yarn preview

Check out the deployment documentation for more information.

Docker

Create and start the development container:

docker compose up --build -d

Stop and remove the development container:

docker compose down

Create and start the production container:

docker compose -f compose.production.yaml up --build -d

Stop and remove the production container:

docker compose -f compose.production.yaml down