<p align="center"><a href="https://canopas.com/contact"><img src="./assets/banner.png"></a></p>

# Nuxt Blog Kit

`Nuxt Blog Kit` is a component library for [**blogs website**](https://canopas.com/blog).

## About

The `nuxt-blog-kit` is an open-source library developed and maintained by Canopas. It is developed using `Nuxt 3` framework and `tailwindcss`. For preview visit [**_canopas blogs page_**](https://canopas.com/blog) .

## Showcase

#### Blogs List

<p align="center"><a href="https://canopas.com/resources"><img src="./assets/blog-list.gif" /></a></p>

#### Blogs Detail

<p align="center"><a href="https://canopas.com/resources"><img src="./assets/blog-detail.gif" /></a></p>

#### Blogs by Tag

<p align="center"><a href="https://canopas.com/tag/mobile-app"><img src="./assets/tag.gif" /></a></p>

#### Blogs by Author

<p align="center"><a href="https://canopas.com/author/Darpan"><img src="./assets/author.gif" /></a></p>

## Prerequisites

For integrating `nuxt-blog-kit` into your project, please ensure that `tailwindcss` is installed and properly configured within your project environment.

## Quick Setup

1. Add `nuxt-blog-kit` dependency to your project .

### Using yarn :

```bash
yarn add --dev @canopassoftware/nuxt-blog-kit
```

### Using npm :

```bash
npm install --save-dev @canopassoftware/nuxt-blog-kit
```

<br>

1. Add `nuxt-blog-kit` to the `modules` of `nuxt.config.ts`

```js
export default defineNuxtConfig({
  modules: ["@canopassoftware/nuxt-blog-kit"],
});
```

That's it! You can now use module in your Nuxt app ✨

[Read full documentation of all components](https://github.com/canopas/nuxt-blog-kit/blob/master/COMPONENTS.md)

# Credits

This repository is owned and maintained by the [Canopas team](https://canopas.com/). If you are interested in building web applications or designing products, please let us know. We'd love to hear from you!

<a href="https://canopas.com/contact"><img src="./assets/cta.png" width=300></a>

# LICENSE

This repository licenced under [MIT](https://github.com/canopas/nuxt-blog-kit/blob/main/LICENSE).
