Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/trace2798/grafbase_fullstack
Graphy - A CRUD web application to share your thought's and more. Made using Grafbase.
https://github.com/trace2798/grafbase_fullstack
grafbase hashnode hashnode-hackathon nextjs shadcn-ui
Last synced: about 2 months ago
JSON representation
Graphy - A CRUD web application to share your thought's and more. Made using Grafbase.
- Host: GitHub
- URL: https://github.com/trace2798/grafbase_fullstack
- Owner: trace2798
- License: mit
- Created: 2023-08-08T08:56:24.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-08-15T12:14:22.000Z (over 1 year ago)
- Last Synced: 2024-04-14T03:03:26.920Z (9 months ago)
- Topics: grafbase, hashnode, hashnode-hackathon, nextjs, shadcn-ui
- Language: TypeScript
- Homepage: https://grafbase-fullstack.vercel.app/
- Size: 441 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Graphy made using Next.js 13.12 App Router, Tailwind css and Grafbase
### This repo is for my submission for the Grafbase X Hashnode X hackathon which took place during August 1 - August 15, 2023
#### Hashnode article: [Post your thought with "Graphy"](https://shreyas-chaliha.hashnode.dev/post-your-thought-with-graphy)
## Getting Started
### Either fork the repo or directly clone it
### Prerequisites
**Node version 16.8 or later
**macOS, Windows (including WSL), and Linux are supported.
### To directly clone the repo
```shell
git clone https://github.com/trace2798/graphy_postit.git
```
### Install packages
```shell
npm i
```
### Setup .env file
```js
NEXT_PUBLIC_GRAFBASE_API_URL=
NEXT_PUBLIC_GRAFBASE_API_KEY=
GITHUB_ID=
GITHUB_CLIENT_SECRET=
NEXTAUTH_SECRET=
NEXT_PUBLIC_SERVER_URL=
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=
```
### Start the app
```shell
npm run dev
```
On a different terminal run the command below to start your local grafbase server
```shell
npx [email protected] dev
```
## Available commands
Running commands with npm `npm run [command]`
| command | description |
| :-------------- | :--------------------------------------- |
| `dev` | Starts a development instance of the app |
| `build` | To build your application |
| `start` | Starts a production instance of the app |
## For env value and functionality of this application I have wrote a very detailed article on [hashnode](https://shreyas-chaliha.hashnode.dev/post-your-thought-with-graphy)
Youtube Demo Link: [Graphy](https://youtu.be/8e7_SlBGsq8)