https://github.com/oliverspeir/business-card-frontend

NextJS frontend for FastAPI GraphQL backend with Supabase DB and Auth
https://github.com/oliverspeir/business-card-frontend

graphql-client nextjs supabase-auth supabase-js

Last synced: 3 months ago
JSON representation

NextJS frontend for FastAPI GraphQL backend with Supabase DB and Auth

• Host: GitHub
• URL: https://github.com/oliverspeir/business-card-frontend
• Owner: OliverSpeir
• Created: 2023-05-16T01:22:16.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-17T08:40:27.000Z (11 months ago)
• Last Synced: 2024-10-11T13:02:55.409Z (3 months ago)
• Topics: graphql-client, nextjs, supabase-auth, supabase-js
• Language: TypeScript
• Homepage: https://business-card-frontend.vercel.app
• Size: 385 KB
• Stars: 4
• Watchers: 1
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Business Card Generator

## NextJS frontend for FastAPI GraphQL backend with Supabase DB

- TailwindCSS for styling

- Uses Supabase Auth for Social Sign On

- Users can create a business card based on default cards displayed

- Users will have full CRUD capabilities of the Cards

### Structure

- Uses NextJS App directory

- Features a custom useResource hook to handle CRUD interactions with backend

- Two page app

  - index page and /gallery

- Supabase client component that can be imported to access the session

  - session is used to send authenicated requests to backend

### Resources

- [Supabase JS Library](https://supabase.com/docs/reference/javascript/initializing)

- [Backend Repo](https://github.com/OliverSpeir/business-card-fastapi)

### TODO 

- Use apollo client for requests 

- Refactor dyanmic route page

- Make form mobile friendly

- have digital gallery link to card page

- have slug randomize if not entered