-
Notifications
You must be signed in to change notification settings - Fork 18
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Create Example for StepZen using Vue and Supabase #54
Conversation
Submitting for hacktoberfest
Hello @Gokul-Ks thanks so much for adding an example integration! However a StepZen GraphQL API seems to be missing. to create one, you can install the StepZen CLI:
And import the database from Supabase:
Please include the generated GraphQL schema in the PR and the data you inserted in Supabase. Let me know if you have any questions :) |
@royderks I have added the schema and data as requested, please merge my PR if it's all good |
@Gokul-Ks looks better already thank you. Please remove your keys from the Could you include a database dump of supabase, so people can use this to create their own database? |
@@ -0,0 +1,44 @@ | |||
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 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
To approve this PR the README should follow the format of the file TEMPLATE.md we have in this repository. All integrations have the same README format...
import Image from 'next/image' | ||
import styles from '../styles/Home.module.css' | ||
|
||
export default function Home() { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It doesn't seem like you are fetching data from the StepZen GraphQL API.. Could you implement some data fetching? Now it looks like just an API and an app that exist in the same directory, there's no communication between the two..
@@ -0,0 +1,5 @@ | |||
// Next.js API route support: https://nextjs.org/docs/api-routes/introduction | |||
|
|||
export default function handler(req, res) { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I don't think you need the default hello
API route if you're not using it in the app
These are some examples of queries generated from the schema. Feel free to modify them or add your own. | ||
""" | ||
type Query { | ||
getDemoList: [Demo] |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Could you include the .sql
dump of the PostgreSQL database? That way other developers are able to clone this project, now they cannot..
Hello @Gokul-Ks please have a look at the review comments. We're almost good to go, just some critical things are missing. Please let me know if you have any questions or need help.. |
Submitting for hacktoberfest
Issue #45
Changes made: Added Example App for Vue App using Supabase and StepZen backend
Docs
Supabase : https://supabase.com/docs/guides/database/connecting-to-postgres
Vue: https://vuejs.org/guide/quick-start.html