Demo of using Nuxt 3 with GitHub authentication and creating issues with real-time updates

Discuss with Atinux

Demo of using Nuxt 3 with GitHub authentication and creating issues with real-time updates.

Setup

Make sure to install the dependencies

yarn install

And copy the .env.example to .env

cp .env.example .env

GitHub

Create a GitHub OAuth application and make sure to set:

Fill your .env with GITHUB_CLIENT_ID and GITHUB_CLIENT_SECRET variables .

Pipedream

This add the live events when issues are created or updated.

  1. Make sure to have an account on Pipedream.
  2. Duplicate this workflow
  • Setup the Oauth with your GitHub account
  • Select your repository
  1. Retrieve your workflow's event stream URL

Fill the ISSUES_SSE_URL variable in the .env with it.

Url should be similar to http://sdk.m.pipedream.net/pipelines/[YOUR WORKFLOW ID]/sse

Development

Start the development server on http://localhost:3000

yarn dev

Production

Build the application for production:

yarn build

Checkout the deployment documentation.