Git Product home page Git Product logo

google-sheets-react's Introduction

About

A Next.js application that loads data remotely from Google Sheets data into Material Table. Uses the serverless function features of ZEIT Now to authenticate users for protected routes via Next.js SDK for signing in with Auth0.

Setup

Auth0

Follow Auth0 configuration setup for here.

Local Development

Create .env and .env.build files with the following values

# Obtain from Google Sheets API
GS_CLIENT_ID=
GS_API_KEY=
GS_DISCOVERY_DOCS=https://sheets.googleapis.com/$discovery/rest?version=v4
GS_SCOPES_READ_ONLY=https://www.googleapis.com/auth/spreadsheets.readonly
GS_SCOPES_WRITE=https://www.googleapis.com/auth/spreadsheets


# Add your own
GS_SPREADSHEET_ID=
GS_SHEET_ID=

# Obtain from Auth0 Config
AUTH0_DOMAIN=
AUTH0_CLIENT_ID=
AUTH0_CLIENT_SECRET=

SESSION_COOKIE_SECRET=YOUR_SUPER_DUPER_SECRET
APP_URL=http://localhost:3000

Usage

npm run dev
# or
yarn dev
# or
now dev

Deployment setup

Add environment variables according to now.json

now secrets add secret_variable_name secret_value

Deploy on ZEIT Now

The easiest way to deploy your Next.js app is to use the ZEIT Now Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

google-sheets-react's People

Contributors

typef avatar

Watchers

James Cloos avatar avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.