https://github.com/sangdth/gallery-frontend
Simple gallery for me and my friends
https://github.com/sangdth/gallery-frontend
apollo graphql hasura nextjs postgresql react typescript
Last synced: 3 months ago
JSON representation
Simple gallery for me and my friends
- Host: GitHub
- URL: https://github.com/sangdth/gallery-frontend
- Owner: sangdth
- Created: 2021-06-30T22:10:40.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-11-21T03:50:07.000Z (over 2 years ago)
- Last Synced: 2025-08-08T04:33:29.634Z (11 months ago)
- Topics: apollo, graphql, hasura, nextjs, postgresql, react, typescript
- Language: TypeScript
- Homepage: https://dev-gallery.vercel.app
- Size: 2.53 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# gallery-frontend
I never find a good service for a simple portfolio/gallery site so I create one for myself and friends.
## Development environment
- Clone the repo
```
git clone git@github.com:sangdth/gallery-backend.git
cd gallery-frontend
```
```
# Then
npm install
# or
yarn
```
- Create `.env` file with following:
```
NEXT_PUBLIC_BACKEND_ENDPOINT=http://localhost:1337
```
- Follow the instructions here to get backend up and running: https://github.com/sangdth/gallery-backend
- Run the development server:
```bash
npm run dev
# or
yarn dev
```
- Now open [http://localhost:3000](http://localhost:3000) and start coding!
You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
## Demo
Update later :D
## About nhost
This repo is the frontend only, the backend relies on [nhost](https://github.com/sangdth/gallery-backend) service.
They provide super nice system, includes GraphQL (Hasura), Auth, Storage out of the box.
Simply register and copy their environment information.
## Learn More
To learn more about Next.js, take a look at the following resources:
- [nhost](https://supertokens.io/docs/emailpassword/nextjs/about) - easy authentication with SuperTokens
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.