https://github.com/devmnj/nuxt3-tw-blog

Nuxt 3 Tailwind app with a dynamic blog section and landing page
https://github.com/devmnj/nuxt3-tw-blog

blog graphql-client nuxt3

Last synced: about 1 month ago
JSON representation

Nuxt 3 Tailwind app with a dynamic blog section and landing page

• Host: GitHub
• URL: https://github.com/devmnj/nuxt3-tw-blog
• Owner: devmnj
• Created: 2022-06-29T03:25:55.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-06-29T03:26:01.000Z (over 2 years ago)
• Last Synced: 2024-11-15T23:26:53.774Z (3 months ago)
• Topics: blog, graphql-client, nuxt3
• Language: Vue
• Homepage:
• Size: 309 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Nuxt 3 App with Blog




[![Status](https://img.shields.io/badge/status-active-success.svg)]()

[![License](https://img.shields.io/badge/license-MIT-blue.svg)](/LICENSE)



---

 This is a Nuxt 3 App with a dynamic [blog] section which consumes a Graphql API. This app made possible with TailwindCSS and Daisy UI.

    
 



## 📝 Table of Contents

- [About](#about)

  - [Prerequisites](#-prerequisites-)

  - [BackEnd](#Graphql)

- [Built Using](#built_using)

- [Authors](#authors)

- [Acknowledgments](#acknowledgement)

## 🧐 About 

The aim of the project is to setup a complete app with dynamic blog feature in `Nuxt 3`, the back end for this app can run on a GQL server. Building app with Nuxt 3 is fun 🚀

### 🔎 Graphql API 

For the project I utilised the `mockend` app to create mock `REST/Graphql API`. With a simple JSON file (Github Repo) able to build the whole API required. I tested the Graphql with Apollo studio and it was cool.

### 🧒 Prerequisites 

You have to familiar with `Vue 3` Javascript frameworks and `HTML` and some `CSS`.

## ⌚ Using the project

Fork the repo and install dependencies, that's all you need. ⛏️.

### Install dependencies

```

yarn install

```

### Running the project

```

yarn dev

```

will start the project.

## 🚀 Built Using 

- [Vue 3](https://vuejs.org/) - Vue 3

- [Nuxt 3](https://v3.nuxtjs.org/) - Nuxt3

- [nuxt/gqlClient](https://github.com/diizzayy/nuxt-graphql-client) - Graphql Client

- [Tailwindcss](https://tailwindcss.com/) - TailwindCSS

- [Daisy UI](https://daisyui.com/) - Tailwind Component Library

- [Mockend](https://mockend.com/) - Mockend

- [NodeJs](https://nodejs.org/en/) - Server Environment

## ✍️ Authors  and Guides

- [@devmnj](https://github.com/devmnj) - Idea & Initial work

- [JSU](http://javascriptsu.wordpress.com/tag/nuxt3) - More guides

- [JSSDO](http://jssudo.blogpost.com)

- [Imgur-for fun](https://imgur.com/user/devshots/posts)

## 🎉 Acknowledgements 

- Thank for awesome TW CSS Components by Daisyui