Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ghoshnirmalya/nextjs-graphcms
Sample application built using GraphCMS, Next.js and TailwindCSS
https://github.com/ghoshnirmalya/nextjs-graphcms
graphcms graphcms-api graphql nextjs
Last synced: 11 days ago
JSON representation
Sample application built using GraphCMS, Next.js and TailwindCSS
- Host: GitHub
- URL: https://github.com/ghoshnirmalya/nextjs-graphcms
- Owner: ghoshnirmalya
- Created: 2020-07-11T14:02:02.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-10-29T16:18:03.000Z (22 days ago)
- Last Synced: 2024-11-02T11:11:46.554Z (18 days ago)
- Topics: graphcms, graphcms-api, graphql, nextjs
- Language: JavaScript
- Homepage: https://nextjs-graphcms.vercel.app/
- Size: 1.07 MB
- Stars: 7
- Watchers: 3
- Forks: 1
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
This is a sample application built using [Next.js](https://nextjs.org/) and [GraphCMS](https://graphcms.com/).
**Table of Contents**
- [Overview](#overview)
- [Demo](#demo)
- [Requirements](#requirements)
- [Installation](#installation)
- [1. **Clone the application**](#1-clone-the-application)
- [2. **Install the dependencies**](#2-install-the-dependencies)
- [3. **Start the development server**](#3-start-the-development-server)
- [Building the application](#building-the-application)
- [License](#license)
## Overview
This sample application uses [Next.js](https://nextjs.org/) to render data from [GraphCMS](https://graphcms.com/). It uses [TailwindCSS](https://tailwindcss.com/) for styling.
## Demo
A demo of this application is hosted [here](https://nextjs-graphcms.vercel.app/).
## Requirements
1. [Node.js](https://nodejs.org/)
2. [npm](https://www.npmjs.com/)
## Installation
### 1. **Clone the application**
```sh
git clone https://github.com/ghoshnirmalya/nextjs-graphcms
```
### 2. **Install the dependencies**
From the project root, we can run the following command to install all the dependencies:
```sh
yarn install
```
### 3. **Start the development server**
From the project root, we can run the following command to start our Node.js packages:
```sh
yarn dev
```
The above command will start the development server on [http://localhost:3000/](http://localhost:3000).
## Building the application
From the project root, we can run the following command to build our application:
```sh
yarn build
```
## License
This project is licensed under the [MIT License](https://opensource.org/licenses/MIT).