I Replaced MySQL Database with Notion for my Next.js App

If you don't know, You can use Notion as an actual Database for storing and retrieving data for your Next.js app (not limited to Next.js). In this video, we'll use Notion as our Dev Blog Database to store and render posts with titles, descriptions and banner images.
🎉Our Newsletter is live! Join thousands of other developers
islemmaboud.com/join-newsletter
⭐ Timestamps ⭐
00:00 Intro
01:10 Creating a Notion Database
04:08 Notion Database Client API
09:13 Fetching Blog Posts from Notion
12:18 Rendering a Blog Post
💻 Notion Next.js Blog Code
github.com/ipenywis/notion-ne...
-- Special Links
✨ Join Figma for Free and start designing now!
psxid.figma.com/69wr7zzb1mxm
👉 ✨ Join Figma For Professionals And Start Designing with your Team ✨
psxid.figma.com/ucwkx28d18fo-...
🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
• Build Login/Register A...
🧭 Turn Design into React Code | From prototype to Full website in no time
• Turn Design into React...
🧭 Watch Tutorial on Designing the website on Figma
• I Design a onecolor We...
🧭 Watch Create a Modern React Login/Register Form with Smooth Animations
• Create a Modern React ...
🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
• Debug React Apps Like ...
🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
• Master React Like Pro ...
🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app
• Debug React Apps Like ...
🧭 Introduction to GraphQL with Apollo and React
• Introduction to GraphQ...
👉 Personal Links:
✨ My Portfolio islemmaboud.com
🐦 Follow me on Twitter: / ipenywis
💻 GitHub Profile github.com/ipenywis
Made with ❤️ by Coderone

[@TomCurphey]

Been waiting for someone to create this tutorial for ages! The key aspect required in doing this stack is the deployment process I've been blocked for months! - Netlify is my preferred option - Vercel pricing is quite rich - I have heard AWS is good too Great video I look forward to the next video on option deployment strategies Another video that would be good is UI/UX functionality back into Notion - I have got this working only into a Notion database table, however I cannot write the form data into the Notion page template - A good example of this is a client survey form into a Notion page prior to on boarding meetings

[@minhnhatnguyen8200]

Wait I want to understand more about your survey . Why don't u use gg form 😅 . I currently try to work with stack too but i just tend to create simple blog 😂

[@sujalvanjare06]

this is actually dope

[@user-fr2fm3ri3w]

We have Postgres on home, Postgres on home :

[@DanelonNicolas]

haahahahahava😂😂

[@CoderOne]

Im gonna start a business with this lol

[@K.Huynh.]

thanks alot. I just got it work!

[@marekklenotic6431]

Hey man, great video! It definitely helped me realise the mechanics of using a slug when rendering blog posts from Notion. Unfortunately I can't resolve this issue: When using .jsx. I don't know of possibility to use a variable to dynamically inject slug string into the Notion filter API call. Basically I cant declare a variable in the function that would be used in the filter body and get the correct page with corresponding slug. Do you know how to work around that by any chance? Thanks for the video none the less!

[@apple440]

great!!

[@samarnagar9699]

ok here i have question im makingg an app with data that is only inform of information of forms cards and user profiles can and should i use it

[@hasanulhaquebanna]

in this setup, hljsPlugin and bookmarkPlugin not working with nextjs 14 either

[@lexsemenenko7044]

Wow, that's neat to spin up a personal website for my wife who's already using Notion for years. Only skimmed through the video. Is it possible to query related data and build pagination? TY!

[@TomCurphey]

I think so 👍🏼

[@ilmanmanarulqori5632]

great info 🎉 how about 100_000_000+ data row,? have you tried?

[@ashishjakhariya1523]

Can u make one more tutorial but this time using flutter and creating simple Android or ios app with this same backend setup I m really looking into this It would b a great help Love from india❤ Subscribed

[@gimnathpriyadarshanaperera6101]

First Like

[@DanelonNicolas]

mom's not gonna like it... but i do 😅 thanks 🙏👍🏻

[@sujalvanjare06]

but the real question is how to make , the content text Responsive. if you able to find the answer please share, I don't want to pay AWS anything 😂

[@techs7296]

Just makdown your content and deploy on vercel.