Use Notion as CMS for your Next Pro Portfolio - Nextjs/Reactjs/Netlify
CoderOne CoderOne
108K subscribers
13,281 views
323

 Published On Jan 23, 2022

If you are a Notion lover and use it to plan for your work/day or projects and always loved the way Notion allows you to build stuff! Well, this video will explore an awesome Template using Next.js with React to use your Notion page as a CMS (Content Management System) display it on your professional website, and deploy it to Netlify.



⭐ Timestamps ⭐
00:00 Turning Notion into a Free CMS
06:21 Cloning Next.js Template
10:39 Displaying our Notion Page on as a Website
16:33 How Static Site Generation Works?
18:50 Is it that good?
22:06 Pushing Changes to a Github Repo for deployment
23:36 Integrate Github Repo with Netlify
33:48 Testing our Production-Ready Portfolio



🎩 Notion Profile Template
https://axiomatic-mango-8b9.notion.si...
🐉 Deployed Portfolio on Netlify
https://61ec3fa483f671464f0b44f4--ama...
💻 Portfolio Repository on Github
https://github.com/ipenywis/notion-ne...



🧭 Watch Tutorial on Designing the website on Figma
   • I Design a onecolor Website in 1 hour...  

🧭 Watch Create a Modern React Login/Register Form with smooth Animations
   • Create a Modern React Login/Register ...  

🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
   • Debug React Apps Like a Pro | Master ...  

🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
   • Master React Like Pro w/ Redux, Types...  

🧭 Learn Redux For Beginners | React Redux from Zero To Hero build a real-world app
   • Debug React Apps Like a Pro | Master ...  

🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
   • Build Login/Register API Server w/ Au...  

🧭 Introduction to GraphQL with Apollo and React
   • Introduction to GraphQL with Apollo a...  


🐦 Follow me on Twitter:   / ipenywis  
💻 Github Profile: https://github.com/ipenywis

Made with 💗 by Coderone

show more

Share/Embed