https://github.com/kessio/graphql-blog-website
This project is a fully responsive CMS blogpost created with Nextjs and tailwind CSS. The application fetches articles from hygraph CMS using graphql. Users can see a list of blog posts available and read the various articles on the site.
https://github.com/kessio/graphql-blog-website
graphql hygraphcms nextjs reactjs tailwindcss
Last synced: about 2 months ago
JSON representation
This project is a fully responsive CMS blogpost created with Nextjs and tailwind CSS. The application fetches articles from hygraph CMS using graphql. Users can see a list of blog posts available and read the various articles on the site.
- Host: GitHub
- URL: https://github.com/kessio/graphql-blog-website
- Owner: kessio
- Created: 2022-10-29T05:12:18.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-10-29T06:34:22.000Z (over 3 years ago)
- Last Synced: 2025-02-04T12:50:00.144Z (over 1 year ago)
- Topics: graphql, hygraphcms, nextjs, reactjs, tailwindcss
- Language: JavaScript
- Homepage: graphql-blog-website.vercel.app
- Size: 80.1 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Graphql-blog-website
- This project contains a blog that displays various blog posts to users, users can click on any article and read them. The articles are fecthed from hygraph CMS using graphql.
## Built With
- Major languages : Html5, Javascript, CSS
- Frameworks: nextjs, graphql, TailwindCSS
- Technologies used: Git, npm, linters
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
## Getting Started
### Prerequisites
- Node js
- npm
### Setup
- To get a local copy up and running you'll need to have NodeJS installed on your local machine.
### Install
``` npm install ```
Run the development server:
```bash
npm run dev
# or
yarn dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
👤 **Author1**
- GitHub: [@kessio](https://github.com/kessio)
- Twitter: [@kessio_sharon](https://twitter.com/kessio_sharon)
- LinkedIn: [kessio](https://linkedin.com/in/linkedin/sharon-kessio)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Hat tip to anyone whose code was used
## 📝 License
This project is [MIT](./LICENSE) licensed.