Example integrate users google drive reading from next.js app

Job ID: 37812319

Budget: $10 – $30 USD

use next.js14, react, node.js all the most actual approaches.

- Setup Next.js 14 Project
- Initialize new Next.js 14 app using `app` directory structure.
- Implement UI with a button "Download Sample Google Drive Data".

- Google OAuth Integration
- Integrate Google OAuth 2.0 for authentication.
- Request Google Drive access permission on button click.
- Redirect users to consent page for app privileges.

- Access Google Drive Data
- Fetch first level of directories from user's Google Drive post-consent.
- Explore read-only access to a specific folder. If feasible, implement and fetch file names from the folder's first level.

- Localhost Execution
- Ensure app runs on localhost.

- Google Cloud & Drive API Setup
- Guide on setting up Google Cloud app for OAuth 2.0 and Google Drive API.
- Steps for OAuth consent screen, credentials, and enabling Google Drive API.

- Documentation
- Document local run process, environment variables or configurations.
- Guide for Google Cloud project setup, OAuth consent configuration, and API access enabling.

- Additional Requirements
- App should work with any user's Google Drive.
Related categories: JavaScript HTML5 React.js OAuth Next.js