Discuss with Atinux

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

See it live on https://discuss.atinux.com

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:

• Homepage URL: http://localhost:3000
• Authorization callback URL: http://localhost:3000/api/github/callback

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

3. 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.