---
title: Home
navigation: false
layout: page
main:
  fluid: false
---

:ellipsis{right=0px width=75% blur=150px}

::block-hero
---
cta:
  - Get started
  - /docs/getting-started/setup
secondary:
  - Open on GitHub →
  - https://github.com/arashsheyda/nuxt-mongoose
---

#title
Nuxt [Mongoose]{style="color: var(--color-primary-500)"}

#description
A Nuxt module for simplifying the use of [Mongoose](https://mongoosejs.com/) in your project.

#support
  :illustration
::

::card-grid
#title
<h1 class="center">Elevate Your <br/> <span class=highlight> Developer Experience</span></h1>

#root
:ellipsis{left=15rem width=40rem top=10rem blur=140px}

#default
  ::card{icon=tabler:code}
  #title
  Nuxt DevTools Support
  #description
  Dive into your database with confidence. Benefit from Nuxt Devtools support, allowing you to inspect and debug your DB operations seamlessly.
  ::

  ::card{icon=tabler:cloud-bolt}
  #title
  Auto Connection
  #description
  Forget about manual connection hassles. This module seamlessly handles the connection to your Mongoose database, making setup a breeze.
  ::

  ::card{icon=tabler:plug}
  #title
  Extendable & hackable
  #description
  This module grants you access to the full spectrum of Mongoose functionalities. Leverage the power of Mongoose in your project.
  ::

::

<style>
  .highlight {
    color: var(--color-primary-500);
  }

  .center {
    text-align: center;
  }
  .card svg {
    height: 3rem!important;
    width: 3rem!important;
  }
  .support {
    display: flex;
    justify-content: center;
  }
</style>