Code a Discord Bot with TypeScript - Host for Free in the Cloud

Sdílet
Vložit
  • čas přidán 7. 08. 2024
  • 📘New Course: Build full-stack React Typescript applications tsreact.maksimivanov.com/s/ytd
    Learn how to code a Discord bot using TypeScript and host it for free in the cloud using Heroku.
    Special thanks to Retool for sponsoring this video.
    You can try Retool for free here: retool.com/
    Course contents:
    00:00 Intro
    00:30 What we are building
    02:10 Bot architecture overview
    03:19 Create a NodeJS project
    03:56 Set the NodeJS version for the project
    04:31 Install the dependencies
    06:39 Setup TypeScript
    07:22 Set up TypeScript with hot reload
    08:22 Set up a Git repo
    09:03 Discord configuration
    11:33 Load the configuration
    13:03 Define the basic Discord bot
    15:04 Register your first Discord bot command
    17:38 Run your bot
    17:59 Add support for multiple commands
    20:15 Add the /help command
    27:48 Set up Firebase Firestore
    28:20 Connect your bot to Firebase
    29:08 Save tickets in the Firestore
    30:49 Create the bot admin panel
    32:15 Connect Retool to Firebase
    33:27 Fetch the tickets in the admin panel
    34:39 Add the conversations window
    37:28 Create the messages REST API
    45:56 Deploy your Discord bot to Heroku
    46:35 Connect admin panel to REST API
    52:04 Test the bot manually
    52:59 Outro
    Follow me on Odysee:
    odysee.com/$/invite/@stepbyst...
  • Věda a technologie

Komentáře • 26

  • @voroninman
    @voroninman Před 2 lety +5

    Retool looks like such a time saver! Thanks for sharing. 🙌

  • @mrMettadon
    @mrMettadon Před 2 lety

    Wow, amazing video. Thanks alot! I will try to build this app tomorrow ^_^

  • @bibblebabl
    @bibblebabl Před 2 lety +4

    Finally a new video! Awesome! 🤘

    • @satansdeer1
      @satansdeer1  Před 2 lety +1

      Yeah, i don't understand now how did i manage to publish a video a day for a month last summer 😬

  • @LucasMoura-jt2jp
    @LucasMoura-jt2jp Před 2 lety

    I loved this video, it's perfect! Thank you!

  • @izureki
    @izureki Před rokem

    Awesome fast paced tutorial 🔥🔥

  • @mau9175
    @mau9175 Před rokem

    Thank you so much for this video. It helped a lot on understanding discord.js

  • @t-damer
    @t-damer Před 2 lety +7

    Hey, can we have a source code? Can't get my bot to work

  • @Liam-ey2gs
    @Liam-ey2gs Před rokem

    Thanks for the video. What theme are you using?

  • @mr.johnson8974
    @mr.johnson8974 Před 2 lety

    when running the /help command the IDE doesn't throw any errors but the bot on discord says "The application did not respond" any tips?

  • @coolcsgo
    @coolcsgo Před 2 lety +2

    Getting errors trying to build "deploy-commands.ts", the discordjs/rest package is broken and erroring.
    node_modules/@discordjs/rest/dist/lib/RequestManager.d.ts:6:15 - error TS1005: ',' expected.
    6 import { type BodyInit, type Dispatcher, Agent } from 'undici';
    node_modules/@discordjs/rest/dist/lib/RequestManager.d.ts:6:30 - error TS1005: ',' expected.
    6 import { type BodyInit, type Dispatcher, Agent } from 'undici';
    These errors happen even when I only have it imported into the file. How do I fix?

    • @ibrahim_alnajjar06
      @ibrahim_alnajjar06 Před 2 lety +3

      1- Change the typescript version from packages.json to 4.7.4
      2- then type In terminal (npm uninstall --location=global typescript)
      3- then type (npm install --location=global typescript)

    • @kirso
      @kirso Před rokem +2

      Think the discord library has been updated since then, so lots of changes :(

    • @itsyaboivoid
      @itsyaboivoid Před rokem

      @@kirso if they are using v13 this code will totally work.

    • @itsyaboivoid
      @itsyaboivoid Před rokem

      Although some minor things will need to be a tiny bit tweeked.

  • @primeclipsclips
    @primeclipsclips Před 2 lety

    We need more of discord.ts bot

  • @compl1cated405
    @compl1cated405 Před rokem

    39:43 Ойойой)))

  • @Ushjsuuhensb
    @Ushjsuuhensb Před 2 lety +1

    Максим, ты писал книгу по ТС?

    • @satansdeer1
      @satansdeer1  Před 2 lety

      Привет, да

    • @Ushjsuuhensb
      @Ushjsuuhensb Před 2 lety

      @@satansdeer1 а где можно подробности узнать?)

    • @satansdeer1
      @satansdeer1  Před 2 lety +2

      @@Ushjsuuhensb А какие подробности, что интересно? Вот сама книга www.newline.co/fullstack-react-with-typescript

    • @Ushjsuuhensb
      @Ushjsuuhensb Před 2 lety

      @@satansdeer1 спасибо )

    • @Ushjsuuhensb
      @Ushjsuuhensb Před 2 lety +1

      @@satansdeer1 хорошая )

  • @user-fc5wz3up3w
    @user-fc5wz3up3w Před 2 lety +4

    А на русском видео будут??

    • @bibblebabl
      @bibblebabl Před 2 lety +4

      Вся документация и источники на английском. Учите английский 🙂