The New Notion API | Node.js Video Schedule Project
HTML-код
- Опубликовано: 9 июл 2024
- In this video, we will create a Notion calendar database and use the API and SDK/client to fetch the data and display it on a web page
Code:
github.com/bradtraversy/notio...
Notion Developers/API Website:
developers.notion.com/
Notion JS SDK:
github.com/makenotion/notion-...
Udemy Courses:
traversymedia.com
💖 Support The Channel!
/ traversymedia
Timestamps:
0:00 - Intro
1:55 - Add Video Data in Notion
4:25 - Explore API & Create Integration
7:03 - Using the SDK/Client
11:47 - Fetch Video Data & Construct Object
21:22 - Create Endpoint with Express
23:50 - Creating the Frontend - Наука
For those getting stuck on 400 bad request:
Add 'Notion-Version: 2021-05-13' to the headers in postman to go along with the bearer.
'Notion-Version' is the key, '2021-05-13' is the value.
Yeah but how do you pass it in the JS code?
Thanks
Notion is one of my favorite tools. So glad this API integration exists. Thank you Brad for sharing
dont u just love when you get a notification from Brad :)
Once I see Brad post new video. The excitement is unexplainable 😇
Well said ✊
Provided it is by Brad and not someone else.
@@abenjamin13 wdym?
Love your videos, I'm nearly done with your Node js API masterclass with express and Mongo DB, you are literally the most down to the point Udemy instructor. You are the only one that could teach me Backend JavaScript thanks so much
Great video as always! I'm excited to start integrating notion with more of my projects!
Thanks, Brad!
Such a pleasure doing your tutorials as always
Thanks for the video, Brad. While I don't see myself having a need for this API, it did show me the existence of Notion and I was actually looking for something like this.
This is awesome stuff brad, will actually might do this for my site, cheers for the tut man
So looking forward to see all the cool things that can be done with this API. I know people have been waiting for a while for it’s release.
I found out about this just yesterday and was wondering how I could use it to build something good and my wish came true. Thanks, Brad.
You make everything seem easy!
I aslo wanted to say, your videos are very relaxing to watch, especially your voice, very soothing for my brain and I'm not the only one, many folks in my bootcamp (Learn with Leon on Twitch) say the same thing. We watched your Reach Crash Course!
Took me forever to get around to doing this tutorial but glad I finally did - thanks!
The Man, the Myth, the Master! Brad will be a legend for generations!
Brad always brings happiness ❣️❣️❣️
Fantastic breakdown!
This seems interesting... always the fresh content!
Amazing tutorial as always! Thanks!
Another massive content! 💯
It's only on this channel where you can get this kind of content. Brad is a trend setter, he leads others follow
thanx brad for fresh content ! stay safe master
That was fast! this API just released!
I like your content sir... u inspired me alot not only in programming tutorials .. I'm talking about self improvement
yow! another great content
Awesome video!!
In minute 11:00 use this instead, this because the code is deprecated
const { Client } = require('@notionhq/client');
const notion = new Client({ auth: process.env.NOTION_API_KEY });
(async () => {
const response = await notion.search({
filter: {
property: 'object',
value: 'database',
},
});
console.log(response);
})();
Awesome Video thanks for giving this video and your time for giving this information.
No problem! thanks for watching
AMAAAZING!
I like your video because I learned some important stuffs from your videos.
sometimes i just leave traversy media running in the background just for the vibe... am i the only one doing this??
Nice work!!!
This is awesome. I must try it
Thanks for introducing me to this gem of a tool, the api is cool too i guess
this is a fantastic video
Another great video
As always, awesome content. Been a while since u post MEAN stack, would be very useful since lots of things have changed
Yeah, I just started getting back into Angular, so it may be a while, but it is on my list
@@TraversyMediaThat sounds great Brother!!!
I was just messing around with notion API and saw your video notification LOL
I see your comment everywhere
Love Notion, love Traversy... Wombo Combo definitely
I`ve got no idea about notion, what it is or what to use it for ... But I will very soon :) When the man who jumpstarted my career discusses a new topic, it is going to be a great time, for sure ! :) Much love from Germany to the legend himself!
Wow thank you so much!
Great, now I can make a database without dealing with another storage service. I hope I can make my frontend as good as Notion.
Man!!! I was just configuring my Notion workspace. We love brad💯
man you are awesome!
Now I'll learn something new ❤
Excellent
6:07 thank you for this :)
Brad is awesome
Omg they finally released an API?? That was the only reason I stopped using it at the time because the app looked great.
I’ll definitely check it out again now.
Can you please make a video to create a website using Next JS/Gatsby + Netlify + Notion as CMS?
There are many channels but traversy is best
I have seen your repo yesterday in github, and i cloned from your repo and waiting for your tutorial
Brad, good to hear your voice again sir. Is there a way to listen constantly for new data instead of having to refresh the page all the time? Thanks
Thank you so much. Brad, will you do a course on "Data Structure and Algorithm with Javascript." And also on laravel?
NOTION BABY ❤
Awesome
Awesome content as always. ❤️
we would love to see Brad and BuckyRobert #thenewboston in one frame.
im learning frontend now but just clicked the video to like it
Hi Brad and guys, as you said (for a bigger project) it would be possible to develop your front in Vue/React or other, would you just keep them together and put the "dist" folder instead of that "public" folder, and therefore have back and front in the same ... place, server, service whatever, like netlify or heroku or ...? or would you have them in different place/server/address? My concern is that the backend remains "exposed" to anyone that finds out the route if they want to access. If you didn't want that (imagine you can edit the content and not just read), how would you protect the frontend-to-backend data transfers? Sorry may be an obvious question but I am trying to define the architecture of a fullstack app I need to create, wondering how is it best to implement it.
I love you brad and also your tutorials, would you please make projects in react.js?
This is amazing are there any limits on how many requests we can make? I've used notion for about two years and stopped doing so last year after creating my own wiki, but this excited me to no end
@brad 🎉🎉
Really interesting as usual 😀
But just a question : why don’t call notion api directly from the client part ? Protect the api key ?
Awesome video Brad, It would be awesome if you could do a REACT NATIVE PROJECT sometime later 💎
It seems notion to be more easier than other databases.
Hope so it gonna achieve more fam
A very smart way to use notion! Does this only work with a paid notion plan? What about setting / save data in notion?
Finally.. they released API in beta. Let's wait few more years for production release 😬
Despite that Notion is overhyped and looks too silly against i.e. Microsoft Teams it is very interesting video, thanks!
Is there a way that you could do this the other way around, like, user could input data from a page and the data gets updated to a Notion database
for those who are struggling to get a response with a status 200 OK. what I noticed in my case, It's only working if you are using Notion predefined templet pages, it's not working with pages in which we change format according to us. not sure but in my case it looks like that.
Really nice work! Thank you
LETS GOOOO BRAD. NEVER CLICKED FASTER IN MY LIFE
Elegant
Wait... Doesn't this mean you can use Notion as a no-code, user friendly CMS?
yep [/step brothers]
I am only able to access the id property of each object found under properties when querying the database. How can this be fixed?
Informative video!! Btw can someone tell me which theme Brad uses in this video ?
The VSCode theme is Github Dark :)
It is showing could not find database with id: database_id, I've put all my api key and database id correctly. Can somebody tell me what's the issue? thanks
i have a problem where i added the integration , but when i make a request to list databases the list is empty when i m sure it s not
Brad pls do a crash course for react with typescript 🙏
It's like airtable then?
I’m organising my wedding using this
i can't find it anywhere, but does Notion accept post requests or only get tasks from Notion?
Great job! How do I hide a page behind login?
can you explain pls about this error - "message": "Notion-Version header failed validation: Notion-Version header should be defined, instead was `undefined`."
integration is included6 token is entered
but "status": 400
Hi, Brad!
Regular viewer here. You could have implemented some optimisations too, for e.g., What's the need to make a request from the backend for every request from the front-end (just think how many requests your backend will make if you stick to it, 1 request for every visit to the upcoming videos page on your website).
Anyways, you are doing great work. Respect.
You need the backend to connect to the Notion API because you need to authenticate. If you do it in the frontend you will be exposing your token which can be used malisciously.
@@prafed I meant that he should optimise it a little, what's wrong in caching data and loading once in a while instead of every request.
Hey! This project is great of course but whenever I send a request through postman it replies with a status of 400 Bad Request saying that I need to pass Headers. What headers do I need to pass?
Thanks Brad, Can you make an udemy course about covering Css in depth.
So, the only option to automate my page with an api is to share this page with my integration manually, right?
Why I can't just get any required page with api request?
Great video Brad! I am wondering if we can use notion files in portfolio website instead of .mdx files.
Are the courses like the "React Crash Course" real and will be released next week?
Excellent video Brad !! Would you make such a project In React.js
just tried this out, omg what a bitch it was to get those objects within objects (as they changed a few things)
but man, awesome project and super useful
thank you, Brad!
how did you do, my "API token is invalid" and i don't know why, can you help ?
really stuck at Cannot read property '0' of undefined , help mate
This is cool for mobile apps and SPA web apps but how about pricing
Do this if you get this error
Error 400 version not found
Create Key Value pair under Header in Postman As
Key: Notion-Version
Value: 2021-05-13
thanks brother :-)
really stuck at Cannot read property '0' of undefined , help mate
hay robin thanks
thx
can you make a custom music player project?
maybe now a video about notion powered blog with gatsby?
Can’t read property text of undefined
Would there be a way to make a Notion to Discord bot via node.js?
Hasn't Google _just_ released a competitor, Smart Canvas?
what theme is that??
My first video where I actually comment first
Uhhhm I was first
congratulations!