https://github.com/orbanszlrd/next-google-photos
Consuming the Google Photos Library API
https://github.com/orbanszlrd/next-google-photos
dinodev googlephotos nextjs react typescript
Last synced: about 2 months ago
JSON representation
Consuming the Google Photos Library API
- Host: GitHub
- URL: https://github.com/orbanszlrd/next-google-photos
- Owner: orbanszlrd
- License: mit
- Created: 2022-08-18T11:06:31.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2025-03-29T12:58:39.000Z (about 2 months ago)
- Last Synced: 2025-03-29T13:36:56.479Z (about 2 months ago)
- Topics: dinodev, googlephotos, nextjs, react, typescript
- Language: TypeScript
- Homepage: https://photos.dinodev.hu
- Size: 1.11 MB
- Stars: 9
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome - orbanszlrd/next-google-photos - Consuming the Google Photos Library API (TypeScript)
README
# Next Google Photos
## Description
Consuming the Google Photos Library API : Access private Albums and Media Items
## Website
[photos.dinodev.hu](https://photos.dinodev.hu/)
## Development
### Prerequisites
Install [Git](https://git-scm.com/book/en/v2/Getting-Started-Installing-Git), the free and open source distributed version control system.
Install [Node.js](https://nodejs.org/) which includes Node Package Manager.
### Clone and Install
Run `git clone [email protected]:orbanszlrd/next-google-photos.git` to clone the repository from [GitHub](https://github.com/orbanszlrd/next-google-photos).
### Run the Development Server
```bash
npm run dev
# or
yarn dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
### Setup the Environment Variables
- Visit the [Google API Console](https://console.cloud.google.com/) to obtain OAuth 2.0 credentials such as a client ID and client secret that are known to both Google and your application.
```log
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
GOOGLE_REFRESH_TOKEN=
GOOGLE_GRANT_TYPE="refresh_token"
```
## Useful Links
[Google Photos APIs - Overview](https://developers.google.com/photos/library/guides/overview)
[Google Photos APIs - Resource summary](https://developers.google.com/photos/library/reference/rest)
[Google Identity - Using OAuth 2.0 to Access Google APIs](https://developers.google.com/identity/protocols/oauth2)
[Google Cloud Credentials - APIs & Services](https://console.cloud.google.com/apis/credentials)
[Google Account Settings - Permissions](https://myaccount.google.com/permissions)
[GitHub - Google APIs Node.js Client](https://github.com/googleapis/google-api-nodejs-client)
[YouTube - Bring the best of Google Photos to your app](https://www.youtube.com/watch?v=KIFfibtzaEo&ab_channel=GoogleDevelopers)