Build A Live News API with Apollo Server V4 Subscriptions and GraphQL (TypeScript Tutorial)

Enjoying my videos? Sign up for more content here: www.coopercodes.com/
📩 Join codeLetter by Cooper Codes, the 3 minute tech newsletter: thecodeletter.com
Interested in a 1:1 mentorship with me? Jumpstart your career at www.rebrand.ly/coopercodesmen...
In this video we dive deep into Apollo Server V4 subscriptions and using the graphql-ws library to create a scalable Apollo Server API that allows users to view live events. This video is perfect for anyone looking to create any system that requires live data and is just the start to what you can create using powerful technologies such as subscriptions. This is also a great introduction to GraphQL and what GraphQL looks like when working with Apollo Server typedefs and resolvers.
Final Code: github.com/coopercodes/LiveNe...
Buying stuff through my Amazon link supports the channel! amzn.to/3hK5gd0
Business inquiry? Email [e-mail]
0:00 Intro / Project showcase
1:00 npm installs / package.json setup
2:38 Initial server.ts code
4:58 Defining typedefs and resolvers
12:50 Finishing up server logic
19:35 Create GraphQL Mutations / Subscriptions
21:43 Thanks for watching!

[@paulthomas1052]

Great introduction to Subscriptions. Thanks. :)

[@junjieyang7800]

thank you so much, I have been looking for something amazing like this!

[@armanulalam4560]

I was struggling to understand the subscription part of apollo graphql documentation. This video helped me a lot. Thanks ]

[@DS-fr3kk]

This helped a lot. Thanks 🙏

[@CooperCodes]

You are very welcome. Thanks for watching!

[@neerajr7176]

Thanks alot

[@marianodiez5274]

Thx a lot for this amazing video, I am trying to do the same but I want to use Hapi instead express, do you have any other video or documentation that can I use?

[@nwaformicah433]

Thanks, great job and we appreciate. Can you do some tutorial on apollo express error handling

[@CooperCodes]

Doing a video on Apollo Server GraphQL error handling today :) be on the lookout!

[@nwaformicah433]

@@CooperCodes thanks so much, you are the best

[@martinapincione6429]

Hello, I am able to successfully make a mutation but when I do subscriptions I get a status error saying it's unable to connect to the ws://localhost:4000/graphql. Do you know what might be causing this issue? I even tried cloning you git code and running it on my local machine with no success

[@yamikaperera9576]

having the same issue! Did you get any solutions?

[@Tauseef_Hilal]

same for me. Got it working?

[@logindharam]

how can i create a seperate file for schema and resolver for the same

[@alexmcclay8152]

I also had this issue, and I was struggling for a while as well but this is the solution. Lets say I have my typeDefs and resolvers in a schema.ts file in the same directory as the server.ts you import them like this assuming they aren't default exported. import { typeDefs, resolvers } from "./schema.js"; you still do 'schema.js' even if its a .ts file.

[@justiceellis6895]

@@alexmcclay8152 I Implemented this and it worked perfectly, Thank you 😊

[@gofudgeyourselves9024]

Thank you

[@tobias5073]

do you have this in JavaScript?

[@Civilizer1976]

kzbin.info/www/bejne/qKi5pKeradmmndE

[@user-zn5cz6tq3l]

source code please

[@CooperCodes]

It is here: github.com/coopercodes/LiveNewsAPI

[@Victor-wh9bs]

GraphQL

[@CooperCodes]

Yep, back at it! More Apollo Server V4 content soon

[@logeshr7935]

if I deploy this server on production I get this message: Send a POST request to query this endpoint: ------------------------------------------------------------------------------------------------------------------------------------------------------ curl --request POST \ --header 'content-type: application/json' \ ------------------------------------------------------------------------------------------------------------------------------------------------------ any help?