https://github.com/maxhu08/parcel-discord-auth-token

🙌 quick to setup template w/ parcel & discord oauth (uses tokens)
https://github.com/maxhu08/parcel-discord-auth-token

auth discord parcel tailwindcss typescript

Last synced: about 2 months ago
JSON representation

🙌 quick to setup template w/ parcel & discord oauth (uses tokens)

• Host: GitHub
• URL: https://github.com/maxhu08/parcel-discord-auth-token
• Owner: maxhu08
• Created: 2024-11-07T23:26:49.000Z (2 months ago)
• Default Branch: master
• Last Pushed: 2024-11-08T01:27:21.000Z (2 months ago)
• Last Synced: 2024-11-08T02:29:58.204Z (2 months ago)
• Topics: auth, discord, parcel, tailwindcss, typescript
• Language: TypeScript
• Homepage:
• Size: 68.4 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# parcel-discord-auth-token

simple template that has discord oauth all setup, based off of my [simple-parcel-template](https://github.com/maxhu08/simple-parcel-template)

this template uses `response_type=token` which is simpler to setup than `response_type=code`

## getting started

run these commands:

```shell

# clone

git clone https://github.com/maxhu08/parcel-discord-auth-token

cd parcel-discord-auth-token

# remove git info

rm -rf .git

# install dependencies

bun i

```

go to the discord developer portal [here](https://discord.com/developers/applications)

create a new application

go to oauth2 > add redirect & set it to `http://localhost:1234/auth/discord`

go to auth2 url generator below it > check identify > select redirect url to the one you set earlier > copy generated url

then set the `a` tag with id `login`, replace the href value of `#` with the url from the discord developer portal, but replace `response_type=code` with `response_type=token`

that's it !

to run:

```shell

# development mode

bun dev

# production mode

bun build

```

then go to the link it gives, which will probably be `localhost:1234`

![demo-1](./screenshots/1.png)

![demo-2](./screenshots/2.png)