An open API service indexing awesome lists of open source software.

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

This is a Nuxt-Tailwind-Graphql blog app
https://github.com/devmnj/next-tw-blog

graphql nuxtjs nuxtjs-project reactjs urql

Last synced: 3 months ago
JSON representation

This is a Nuxt-Tailwind-Graphql blog app

Awesome Lists containing this project

README

        

Next-TailwindCSS 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 Nextjs blog App with TailwindCSS.


## 📝 Table of Contents

- [About](#about)
- [Prerequisites](#-prerequisites-)
- [BackEnd](#Graphql)
- [Built Using](#built_using)
- [Authors](#authors)
- [Acknowledgments](#acknowledgement)

## 🧐 About

The goal of the project is to setup complete blog using `Nextjs` the back end for this app can run on a server.

### 🔎 Graphql API
For this project I utilized 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 `Javascript`, `Reactjs` and `HTML`,`CSS` in order to work with this project.

## ⌚ 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

- [Nextjs](http://nextjs.org/) - Nextjs
- [urql](https://formidable.com/open-source/urql/) - Graphql Client
- [Tailwindcss](https://tailwindcss.com/) - TailwindCSS
- [Mockend](https://mockend.com/) - Mockend
- [Reactjs](https://React.org/) - Reactjs
- [NodeJs](https://nodejs.org/en/) - Server Environment

## ✍️ Authors and Guides
- [@devmnj](https://github.com/devmnj) - Idea & Initial work
- [JSU](http://javascriptsu.wordpress.com/tag/nextjs) - More guides
- [JSSDO](http://jssudo.blogpost.com)
- [Imgur-for fun](https://imgur.com/user/devshots/posts)

## 🎉 Acknowledgements

- [📝 Table of Contents](#table-of-contents)
- [🧐 About ](#about-a-name-abouta)
- [🔎 Graphql API ](#graphql-api-a-name-graphqla)
- [🧒 Prerequisites ](#prerequisites-a-name-prerequisitesa)
- [⌚ Using the project](#using-the-project)
- [Install dependencies](#install-dependencies)
- [Running the project](#running-the-project)
- [🚀 Built Using ](#built-using-a-name-built_usinga)
- [✍️ Authors and Guides](#️-authors-a-name-authorsa-and-guides)
- [🎉 Acknowledgements ](#acknowledgements-a-name-acknowledgementa)

- Thank for awesome `Mamba` template